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内 容 提 要 
本 书 共有 12 章 ， 以 跨 平 台 的 手机 游戏 开发 为 主线 ， 围 绕 着 cocos2d-x 引擎， 由 浅 入 次 地 讲解 了 智能 手 
机 的 游戏 开发 过 程 、 跨 平台 游戏 引 敬 的 原理 、 跨 平台 游戏 引擎 周边 工具 以 及 跨 平 台 的 游戏 开发 ， 还 给 出 了 
完整 的 实战 案例 ， 话 言 简洁 ， 结 构 清 晰 。 
本 书 适 合 所 有 想 进 入 智能 手机 平台 游戏 领域 的 人 士 ， 包 括 在 校 大 学 生 、 游 戏 开 发 者 和 网 络 游戏 公司 的 
CTO 等 。 
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近 几 年 , 开源 力量 在 全 球 软 件 行 业 里 扮演 着 越 来 越 重 要 的 角色 。 就 移动 互联 领域 而 言 , Linux 
内 核 被 广泛 用 在 藤 入 式 系统 和 无 头 设 备 ，Android 电 起 ，PhoneGap 诞 生 ， 服 务 疹 LAMP 已 是 标 配 ， 
syn/git 和 Redmine 成 为 很 多 软件 公司 的 管理 工具 。 时 至 今日 ， 已 经 很 难 有 哪 家 软件 公司 敢 说 他 们 
完全 不 用 开源 产品 了 。 国内 的 盛大 和 淘宝 等 公司 都 推出 了 开源 平台 , 尝试 开放 企业 的 一 些 内 部 项 
目的 源 代码 , 这 些 都 是 非 党 有 意义 的 举动 。 束 国内 开源 历史 来 看 , 最 成 功 的 开源 项 目 当 属 Discuz、 
PHPWind 和 Dvbbs， 这 3 个 开源 项 目 服务 了 国内 无 数 中 小 网 站 的 站 长 。 而 cocos2d-x 这 一 开源 项 日 
所 追求 的 目标 正 是 服务 大 量 的 手机 游戏 开发 者 ， 把 大 家 都 需要 花费 大 量 时 间 学 习 和 和 需要 花费 时 
间 重 复 做 的 工作 抽取 出 来 , 形成 一 套 开 源 的 公用 库 。 往 大 了 说 就 是 ， 希 望 能 通过 这 套 公 用 库 来 降 
低 手 机 游戏 开发 的 技术 门槛 和 研发 成 本 ,使 得 中 小 团队 和 个 人 开发 者 能 从 中 受益 。 

cocos2d-x 仅 是 cocos2d 社 区 的 一 个 分 支 。cocos2d 开 源 项 目 诞生 于 2008 年 第 一 季度 ， 以 阿根廷 
人 Ricardo Quesada 为 社区 领袖 和 主要 开发 者 。 最 初 这 仅 是 一 个 用 Python 语言 写 的 游戏 框架 ， 并 疫 
有 体现 出 什么 商用 价值 ， 但 2008 年 正好 是 平 采 发 布 iPhone 2.0 SDK 的 时 候 ， 这 给 全 球 的 手机 游戏 
开发 者 提供 了 一 个 非常 好 的 舞台 。cocos2d 社 区 抓 住 了 这 个 时 机 ， 在 2008 年 就 开 出 cocos2d-iphone 
分 支 ， 用 Objective-C 语 言 替 换 Python 重 写 了 整个 框架 。cocos2d 随 着 iDOS 的 发 展 而 快速 壮大 。 到 了 
2009 年 的 4 月 ， 用 cocos2d-iphone 写 的 游戏 StickWars 在 App Store 美 国 区 的 付费 榜 冲 到 第 一 ， 这 个 
里 程 碑 事件 标志 着 cocos2d 完 全 脱离 了 自 娱 自 乐 过 家 家 的 水 平 ， 进 入 了 可 以 稳定 商用 的 阶段 。 在 
2010 年 ，cocos2d 已 经 成 为 OS 平台 上 首选 的 2D 游 戏 框架 : 几乎 每 个 初学 iDS 游 戏 开 发 的 程序 员 都 
会 从 cocos2d 入 手 ， 社 区 里 时 第 有 开发 者 跳出 来 炫 次 他 的 cocos2d 游 戏 冲 到 App Store Top10， 让 人 
“ 羔 莫 嫉妒 恨 ”。 

cocos2d 框 架 的 最 大 优势 在 于 其 简单 易学 ， 游 戏 开发 者 只 需 潜 心 学 习 一 个 月 左右 就 能 掌握 ， 
不 需要 学 习 复 杂 的 OpenGL ES 知识 就 可 以 开发 出 一 球 商 用 水 平 的 游戏 ， 却 能 完全 享受 OpenGL 
ES 硬件 加 束 给 游戏 带 来 的 性 能 提升 和 各 种 炫 酪 特效。 这 一 核心 特点 成 就 了 许多 个 人 开发 者 和 中 
小 团队 通过 cocos2d 快 速 在 iOS 平 台 上 据 金 的 梦想 。 

前 文 提 到 ，2008 年 cocos2d 社 区 用 Objective-C 杰 换 Python 对 整个 游戏 框架 进行 了 重 写 ， 而 在 
2010 年 当 Android 峰 起 到 能 够 和 iPhone 抗 衡 ， 开 发 者 希望 能 把 游戏 移植 到 Android 平 台 上 的 时 候 ， 
同样 的 事情 再 次 上 演 : cocos2d-x 分 支 被 开 出 来 ， 框 架 用 C++ 重 写 。 虽 然 C++ 广 被 诉 病 ， 但 作为 
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iOS 和 Android 两 大 平台 都 官方 支持 的 编程 语言 ， 我 们 不 得 不 “ 届 服 ”于 C++ 的 实力 。 事 后 证 明 这 个 
技术 路 线 的 选择 是 对 的 ! 市 面 上 各 种 Phone 粉 堆 登 场 ， 都 有 自己 独特 的 SDK、 独 特 的 UI 控件 接 
口 ， 但 对 于 游戏 开发 ， 它 们 有 具有 两 个 相同 点 : 一 古 支 持 C++ 开 发 ， 二 是 提供 OpenGL ES 接口 。 在 
这 两 点 上 ， 不 论 是 国内 的 添 Phone、Ophone、 乐 Phone 和 魅族 ， 还 是 国外 的 Bada 和 MeeGo 等 ， 者 
是 一 致 的 。 其 至 连 封 汪 层 面 其 高 、 直 奔 HTML5 而 去 的 WebOS 都 专门 为 游戏 开发 准备 了 
C++&OpenGL ES 专用 的 PDK 。 

和 cocos2d-iphone 的 两 美洲 团队 不 同 ，cocos2d-x 分 支 的 主要 维护 团队 在 中 国 ， 我 们 有 和 又 为 大 
家 做 了 这 件 事 情 ， 并 很 享受 这 个 利他 的 过 程 。 在 大 家 的 共同 努力 下 ， 经 过 第 一 年 的 发 展 ， 社 区 
里 诞生 了 70 多 秋 基 于 cocos2d-x 的 游戏 ， 其 中 包括 多 寻 Top 10 的 佳作 ， 更 有 《 捕 包 达 人 》、《Ah Up 
Planet》 、《 地 铁 总 动员 》 和 《91 部 沙 》 等 明星 游戏 。 堆 至 2011 年 10 月 中 旬 ， 基 于 cocos2d-x 引 擎 
创作 的 游戏 在 iOS 平 台 已 畦 计 超过 340 万 次 下 载 ， 在 Android 平 台 则 超过 1000 万 次 下 载 ，。 

很 快 我 们 就 发 现 大 家 都 开始 积极 地 回馈 cocos2d-x 项 目 。 网 龙 公司 为 社区 页 献 了 整套 Lua 绑 定 
的 代码 ，SuperRacccon、 子 龙 出 人、 冬天 的 林 和 张 文 野 等 多 位 开发 者 不 断 搂 写 博 客 前 述 使 用 要 
点 ， 徐 松林 和 黄 猛 更 是 热心 地 花费 几 个 月 的 时 间 ， 为 各 位 献上 的 这 本 教程 。 它 不 仅 是 cocos2d-x 
人 狂 区 的 第 一 本 中 文书 ， 也 是 整个 cocos2d 社 区 的 第 一 本 中 文书 。 

cocos2d-x 的 官方 文档 都 受 限 于 社区 的 国际 化 ， 因 此 设 能 提供 中 文 版 。 另 外 ， 很 多 文档 都 是 
站 在 引擎 开发 者 角度 对 原理 进行 关 述 和 解释 的 ， 对 于 初学 者 来 说 可 能 过 于 复杂 。 而 此 书 从 认 戏 
开发 者 的 角度 ， 用 通俗 易 懂 的 方式 传授 了 cocos2d-x5 引 警 的 儿 个 主要 功能 的 用 法 , 着 重 解 决 官方 文 
档 里 没有 涵盖 的 部 分 ， 如 物理 引擎 和 周边 工具 的 使 用 ,解答 了 新 手 经 党 感到 困惑 的 热点 问题 ， 如 
开发 环境 安 闭 、 交 叉 编 译 和 第 三 方 库 集成 等 。 作 者 在 这 些 地 方 都 非常 耐心 地 给 出 了 按 步 又 的 截图 
和 代码 段 ， 最 后 ， 两 位 作者 更 是 给 出 了 一 个 很 有 分 量 的 实际 游戏 案例 , 使 得 此 书 的 学 习 价 值 大 大 
提高 。 

韭 常 感谢 徐 松 林 和 黄 猛 两 位 作者 的 页 献 ， 希望 能 有 更 多 的 游戏 开发 者 从 此 书 中 受益 。 开 源 
社区 因为 有 大 家 的 支持 而 更 美好 | 
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2011 年 10 月 


(本 书 封面 素材 使 用 了 《 捕 鱼 达 人 》 iPhone 版 的 游戏 截图 ， 特 此 感谢 触 控 科技 的 慷慨 支持 。) 


当前 3G 技 术 盛 行 ， 手 机 游戏 已 经 得 到 快速 发 展 。《 植 物 大战 僵 尸 》《 侍 全 的 小 岛 》 和 《SNS 
的 农场 》 等 游戏 先驱 者 已 经 在 智能 手机 上 大 获 丰 收 。 

现在 智能 手机 系统 较 多 ， 作 为 手机 游戏 的 开发 者 ， 我 们 需要 同时 了 解 多 个 系统 的 特性 ， 并 
基于 多 个 系统 开发 出 目 己 的 游戏 ， 此 时 融 需 要 解决 跨 平 台 的 问题 。 好 的 跨 平 台 引 擎 ， 可 以 做 到 
编写 一 次 代码 ， 然 后 在 多 个 系统 上 运行 。 目 前 cocos2d-x 引 擎 已 经 能 够 支持 微软 的 Windows 系 统 、 
平 洒 的 iOS 系 统 、 合 歌 的 Android 系 统 以 及 中 国联 通 的 添 Phone 系 统 , 未 来 还 将 支持 Bada 和 Symbian 


等 系统 。 
本 书面 向 的 读者 


本 书 由 浅 入 深 ， 从 基础 知识 到 引擎 分 析 ， 再 到 实战 游戏 使 用 ， 结 构 清 晰 、 语 言 简 洁 ， 非 常 适 
合 想 进入 智能 手机 平台 游戏 领域 的 相关 人 士 (大 学 在 校生 、 游 戏 开 发 者 、 网 络 游 戏 公 司 的 CTO) 
阅读 参考 。 


本 书 的 内 容 


本 书 以 跨 平 台 的 手机 游戏 开发 为 主线 ,主要 讲解 了 智能 手机 游戏 的 开发 过 程 、 跨 平台 游戏 引 
擎 的 原理 、 跨 平台 游戏 引擎 周边 工具 以 及 跨 平 台 的 游戏 开发 ， 同 时 还 给 出 了 完整 的 实战 委 例 。 
本 书 中 对 开发 手机 游戏 的 相关 知识 (尤其 是 使 用 cocos2d-x5 引 警 进 行 手 机 游戏 开发 ) 做 了 合理 
的 划分 ， 有 具体 安排 如 下 。 
D 第 1 革 是 智能 手机 操作 系统 介绍 , 主要 介绍 几 个 帝 见 的 智能 手机 操作 系统 , 包括 乎 东 的 1iOS 
系统 、 谷 歌 的 Android 系 统 以 及 中 国联 通 的 添 Phone 系 统 等 。 
D 第 2 章 是 游戏 及 游戏 引擎 介绍 ， 主 要 介绍 游戏 的 分 类 、 游 戏 引 警 的 基础 知识 ， 同 时 简单 介 
绍 了 游戏 引擎 中 的 温 染 引擎 和 物理 ?| 警 等 。 
口 第 3 章 开 始 进 入 cocos2d 的 世界 ， 主 要 介绍 cocos2d、cocos2d-iphone 以 及 cocos2d-x5 引 擎 的 基 
础 知识 ， 也 给 出 了 基于 cocos2d-x 引 擎 的 优秀 游戏 分 享 。 


D 第 4 章 是 搭建 跨 平 台 的 开发 环境 ， 主 要 介绍 如 何在 Windows 系 统 上 搭建 跨 平 台 游 戏 的 开发 
环境 ， 并 以 一 个 最 简单 的 游戏 为 例 给 出 其 在 各 个 平台 上 的 运行 效果 。 
D 第 $ 草 是 cocos2d-x5 引 擎 的 基础 使 用 ， 主 要 围绕 游戏 开发 过 程 中 的 各 个 环 贡 展开 介绍 ， 包 括 
游戏 的 整体 架构 、 图 形 、 动 作 和 菜单 等 。 
口 第 6 章 是 cocos2d-x 引 擎 高 级 特性 的 介绍 ,主要 介绍 cocos2d-x 引 警 中 的 物理 引擎 、 粒 子 系统 
和 声音 模块 等 。 
D 第 7 章 是 cocos2d-x 引 警 的 周边 工具 ， 主 要 介绍 沃 Phone 应 用 程序 打包 工具 、 图 片 编辑 右 、 
地 图 编辑 工具 和 粒子 系统 设计 工具 。 
D 第 8 章 是 cocos2d-x5 引 擎 的 交叉 编译 部 分 , 主要 介绍 基于 cocos2d-x 引 警 的 游戏 如 何 做 到 跨 平 
人 台 ， 同 时 以 实际 的 游戏 为 例 将 其 交 又 编辑 到 1OS 平 台 、Android 平 台 和 沃 Phone 平 台 上 。 
口 第 9 章 是 cocos2d-x 引 擎 的 实用 篇 ， 讲 解 了 cocos2d-x 引 擎 与 游戏 社交 平台 、 手 机 广告 平台 和 
推广 墙 平台 的 集成 方式 , 通过 这 一 章 的 学 习 , 我 们 可 以 充分 利用 社交 模块 为 游戏 添砖加瓦 。 
D 第 10 章 和 第 11 间 讲述 了 一 个 完整 的 游戏 案例 的 制作 过 程 ， 这 一 部 分 会 结合 代码 图 文 并 瞩 地 
讲解 游戏 ， 从 零 开 始 讲解 益 智 类 RPG 游 戏 ( 魔 塔 ) 是 如 何 一 步 一 步 被 设计 和 开发 出 来 的 。 
D 第 12 章 是 未 来 展望 ， 主 要 介绍 智能 手机 系统 和 手机 游戏 的 发 展 趋势 ， 以 及 cocos2d-x 引 擎 
的 发 展 方 问 等 未 来 趋势 。 
本 书 的 编写 得 到 了 王 哲 以 及 多 位 专家 的 大 力 协 助 ,在 此 次 表 感 谢 。 同 时 ， 在 本 书 的 编写 过 程 
中 ,我 的 妻子 已 经 怀 有 宝宝 ， 正 是 有 了 她 的 支持 和 体谅 本 书 才能 准时 交 稿 。 最 后 我 希望 所 有 陪读 
本 书 的 人 都 能 够 从 中 受益 ， 在 手机 游戏 领域 占有 自己 的 一 席 之 地 。 


徐 松林 
2011 年 9 月 
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第 1 章 
智能 手机 操作 系统 介绍 


2007 年 1 月 9 日 ， 在 MacWorld 大 会 上 , 乎 采 首 席 执 行 官 史 蒂 夫 :乔布斯 宣布 iPhone 产品 正式 推 
出 ， 同 年 6 月 29 日 iPhone 产品 在 美国 上 市 。MacWorld 是 专门 关注 乎 采 公 司 产品 的 计算 机 杂志 ， 

是 全 北美 洲 最 畅销 的 关注 平 果 产 品 的 灯 志 ， 每 年 的 MacWorld 大 会 ， 平 果 公 司 基本 上 都 会 宣布 一 
些 新 产品 。 

2007 年 11 月 5 日 ,谷歌 发 布 了 基于 Linux 平 台 的 开源 手机 操作 系统 Android。 第 一 款 基 于 Android 
操作 系统 的 手机 (T-Mobile G1) 于 2008 年 9 月 22 日 在 美国 纽约 正式 发 布 。 

2008 年 ， 工 业 和 信息 化 部 、 发 改 委 、 财 政 部 联合 发 布 《关于 深化 电信 体制 改革 的 通告 》 开 
始 电 信 业 务 重组 : 中 国电 信 收 购 中 国联 通 的 CDMA 网 络 ， 中 国联 通 与 中 国 网 通 合 并 , 中国 网 通 的 
基础 电信 业务 并 入 中 国联 通 ， 中国 铁通 并 入 中 国 移动 。 自 此 ,国内 电信 运 宫 商 由 5 家 变 为 3 家 。 同 
年 ， 中 国 移动 、 中 国联 通 、 中 国电 信 分 别 获取 国家 的 3G 有 牌照 ， 中 国 移动 获得 基于 TD-SCDMA 技 
术 制 式 的 3G 牌 照 , 中 国电 信 获 得 基于 CDMA2000 技 术 制 式 的 3G 牌 照 , 中 国联 通 获 得 基于 WCDMA 
技术 制式 的 3G 牌 照 。 

2007 年 侠 果 的 Phone、 谷 歌 的 Android 相 继 推 出 ，2008 年 国内 的 3G 有 牌照 发 放 ， 一 次 又 一 次 地 
向 大 家 证 明 : 3G 的 时 代 已 经 来 临 。 

第 三 代 移动 通信 技术 (3G) 是 指 支持 高 速 数据 传输 的 蜂 寅 移动 通信 技术 。 围 绕 3G 技 术 的 3G 
协议 、3G 手 机 和 智能 手机 操作 系统 等 ， 都 涉及 非常 多 的 理论 及 相关 知识 。 本 书 只 介绍 智能 手机 
的 操作 系统 以 及 智能 手机 操作 系统 上 的 应 用 和 软件 ， 至 于 其 他 〈 包 括 3G 协 议和 3G 手 机 ) 的 理论 
和 相关 知识 ， 请 参考 相关 领域 的 相关 书籍 。 

如 果 没 有 各 类 软件 ， 电 脑 和 手机 就 不 能 有 序 地 按照 我 们 的 想法 进行 工作 。 例 如 ， 电 脑 上 没有 
办 公 软 件 ， 我 们 就 不 可 能 按照 自己 的 想法 写 出 文章 ; 电脑 上 役 有 网 页 浏览 侨 ， 我 们 就 不 可 能 访问 
网 页 ;而 手机 上 没有 收 件 箱 ， 我 们 也 就 不 能 收发 短信 了 。 

如 果 没 有 各 类 游戏 ， 电脑 和 手机 也 就 不 能 满足 我 们 在 工作 之 余 还 想 玩 游戏 的 需求 。 例 如 ， 电 
脑 上 的 魔兽 争霸 3 (Dota) 、 地 下 城 与 勇士 (DNF) 等 ， 手 机 上 的 连连 看 和 惯 奴 的 小 岛 等 。 

那么 , 电脑 和 手机 上 的 软件 和 游戏 是 怎么 制作 出 来 的 呢 ?” 它 们 需要 根据 每 台电 脑 和 手机 的 硬 
件 做 特殊 的 处 理 吗 ? 事实 上 , 大 部 分 的 软件 和 游戏 都 是 不 需要 针对 机 器 做 特殊 定制 的 ,因为 它们 
都 不 是 直接 和 机 喜 硬 件 打 交道 ， 它 们 都 不 会 直接 操作 机 恬 的 硬件 ， 它 们 都 是 基于 一 个 名 叫 “ 操 作 
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操作 系统 古 一 个 管理 硬件 资源 和 软件 资源 的 程序 ， 不 省 在 PC 上 还 古 在 手机 上 ， 它 都 是 核心 
和 基础 。 操 作 系统 管理 全 部 的 硬件 资源 和 软件 资源 ， 控 制 软件 的 运行 。 
软件 、 游 戏 、 操 作 系 统 以 及 硬件 的 天 系 如 图 1-1 所 示 。 


软件 游戏 
操作 系统 
硬件 


图 1-1 软件、 游戏、 操作 系统 以 及 硬件 的 关系 图 


前 面 我 们 介绍 了 操作 系统 与 软件 、 游 戏 之 间 的 关系 ， 现 在 来 分 别 介绍 1iOS 和 Android 等 几 个 前 
见 的 手机 操作 系统 。 


1.1 IO9 


2007 年 1 月 9 日 乔布斯 宣布 iPhone 产品 正式 推出 ， 同 年 6 月 29 日 ， 第 一 代 的 iPhone (iPhone 1) 
在 美国 发 布 。 截 至 如 今 ， 平 果 已 经 发 布 『4 识 iPhone 产 品 ,， 分别 是 2007 年 发 布 的 Phone 1，2008 年 
11 月 发 布 的 iPhone 2，2009 年 6 月 发 布 的 Phone 3，2010 年 6 月 发 布 的 iPhone 4。 

平 果 公司 修改 了 原来 用 于 电脑 的 Mac OS 操作 系统 ， 让 其 更 符合 移动 设备 ， 也 就 产生 了 iOS。 
毕 末 公司 的 iOS 在 4.0 有 版 本 之 前 的 名 称 为 iPhone， 在 4.0 版 本 之 后 才 叫 iDS。 

iPhone 是 一 个 集 照相 和 手机、 个 人 数码 助理 、 首 乐 视频 播放 娠 为 一 体 的 向 上 设备 ， 在 iOS 4.0 操 
作 系 统 上 ，iPhone 自 带 以 下 应 用 程序 : 短信 、 上 日历、 照片、 相机、 备忘录、YouTube、 股 市 、 地 
、 天 气 、 实 用 工具 文件 夹 、iTunes、 辛 蜗 絮 Safari、 邮 件 工 具 Mail、 应 用 商城 App Store 以 及 系统 
设 定 等 。 下 面 我 们 开始 介绍 OS 的 常见 特性 以 及 App Store 应 用 商城 。 


1.1.1 iOS 营 见 特性 


iOS 作 为 一 蒜 韭 党 优秀 的 操作 系统 , 是 智能 手机 操作 系统 的 典型 。 下 面 就 给 出 其 曾 见 的 一 些 特性 。 

(1) WiFi。 支 持 无 线 网 络 (802.11b/g)， 通 过 无 线 网 络 能 够 方便 地 接 入 网 络 ， 手 机 还 内 置 了 六 
遇 龙 Safari 和 邮件 工具 Mail。 

(2) GPS。 支 持 GPS 定 位 。 

(3) 摄像 头 。iPhone 1 和 iPhone 2 为 200 万 像素 ，iPhone 3 为 320 万 像素 ，iPhone 4 为 500 万 像素 。 

(4) 闪光 灯 。iPhone 4 之 前 无 内 光 灯 ，iPhone 4 文 持 LED 闪 光 灯 。 
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(5) 感应 器 。 也 就 古 重 力 感应 ,i0S 是 第 一 个 提供 重力 感应 功能 的 手机 操作 系统 。 有 了 重力 感 
应 功能 ， 手 机 能 够 根据 用 户 水 平 或 竖 直 的 持 有 方式 ， 自 动 地 调整 屏幕 的 显示 方 问 。 

(6) 光 感 器 。 手 机 能 够 根据 当前 的 光线 强度 ， 目 动 地 调整 屏幕 的 亮度 。 

(7) 超 强 的 CPU。iPhone 4 采用 1 GHz 的 A4 处 理 器 。 


1.1.2 App Store 


App Store 是 苹果 公司 为 iPhone、 记 od、iPad 以 及 Mac 创 建 的 , 它 人 允许 用 户 从 中 浏览 下 载 为 iPhone、 
iPod、iPad 以 及 Mac 开 发 的 应 用 程序 \ 包 括 软件 和 游戏 )。 有 些 应 用 程序 是 收费 的 , 有 些 则 是 免费 的 。 

App Store 为 第 三 方 的 开发 者 提供 了 一 个 方便 、 公 平和 高 效 的 软件 销售 平台 , 正 征 因 为 这 一 点 ， 
手机 软件 业 开 始 步 和 一 个 高 速 发 展 的 时 代 。 

App Store 建 立 了 一 种 三 方 〈 绊 采 公司 、 开 发 者 和 用 户 ) 共 赢 的 商业 模式 。 乎 末 公 司 擎 握 App 
Store 的 开发 与 管理 权 , 征 平 台 的 主要 营 探 者， 提供 平台 和 SDK 开 发 工具 包 ， 负 责 应 用 的 宫 销 ,给 
开发 者 结算 ， 丫 用 户 收费 。 开 发 者 是 应 用 软件 的 上 传 者 ， 主 要 人 负 员 应 用 程序 的 开发 ， 然 后 在 App 
Store 上 自主 运营 (人 免费 、 收 费 、 人 免费 与 收费 之 间 调 整 、 调 整 价格 ) 自己 的 产品 或 应 用 。 用 户 是 应 
用 程序 的 使 用 者 ， 只 需要 注册 、 登 录 App Store 并 捆绑 信用 卡 ， 就 可 以 下 载 应 用 程序 。 


1.2 Android 


2007 年 11 月 5 日 ， 合 歌 宣布 组 建 一 个 全 球 性 的 联盟 组 织 ， 即 开放 手机 联盟 。 开 放手 机 联盟 的 

成 员 包 括 手机 制造 商 、 手 机 心 斤 广 商 和 移动 运营 商 。 手 机 制造 商 包 括 摩 托 罗 拉 、 三 星 和 索尼 爱 立 
等 ， 手 机 已 片 厂商 包括 美国 的 德州 仪 姻 、 美 国 的 NVIDIA 和 欧洲 的 ST 等 ， 移 动 运 宫 商 包括 中 

电信 、 中 国 移动 、 中 国联 通 和 德国 工 Mobile 等 。 

开放 手机 联盟 将 支持 谷歌 可 能 发 布 的 手机 操作 系统 或 者 应 用 软件 ， 共 同 开发 名 为 Androidb 
开源 的 移动 系统 。 

Android 是 基于 Linux 平 台 的 开源 手机 操作 系统 ， 第 一 球 基 于 Android 操 作 系 统 的 手机 
(T-Mobile G1) 于 2008 年 9 月 22 日 在 美国 纽约 正式 发 布 。 

下 面 我 们 介绍 Android 的 常见 特性 以 及 Android 应 用 商城 。 


1.2.1 Android 常 见 特 性 


这 里 给 出 Android 的 3 个 稼 见 特性 。 

(1) 开放 性 。Android 平 台 是 开源 的 、 开 放 的 ， 它 允许 任何 移动 终端 厂商 加 入 到 Android 联 盟 
来 。 由 于 它 充 分 开放 ， 越 来 越 多 的 厂商 推出 基于 Android 的 手机 ，Android 的 终端 会 越 来 越 多 。 当 
然 开 发 者 也 会 越 来 越 多 ， 随 着 用 户 和 应 用 的 日 益 丰 富 ， 一 个 锁 新 的 平台 也 将 很 快走 向 成 熟 。 

(2) 丰富 的 硬件 选择 。 这 一 点 其 实 还 是 与 Android 平 台 的 开放 性 相关 ， 由 于 Android 的 开放 性 ， 
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众多 的 厂商 会 推出 功能 过 异 又 各 具 特 色 的 多 种 产品 。 功 能 和 特色 的 差异 , 却 不 会 影响 数据 同步 其 
至 软件 兼容 。 

(3) 不 受 任何 限制 的 开发 商 。 这 一 点 其 实 与 大 家 的 利益 息息相关 。Android 平 台 提 供给 第 三 方 
开发 商 一 个 十 分 宽泛 、 目 由 的 环境 ,因此 不 会 受到 各 种 条 条 框框 的 限制 , 这样 就 会 有 非常 多 的 新 
突 别 致 的 软件 和 游戏 诞生 。 但 是 这 也 有 其 两 面 性 ， 血腥、 暴力 和 色情 方面 的 软件 和 游戏 也 会 出 现 
在 Android 里 面 。 而 且 太 目 由 宽泛 的 环境 ， 很 难 建立 一 个 像 们 来 App Store 那 样 完整 的 产业 链 。 


1.2.2 Android 应 用 商城 


尽管 Android 是 一 个 开放 的 平台 ， 但 是 谷歌 还 是 建立 了 一 个 类 似 于 App Store 的 应 用 商城 ， 即 
Android Market (http://market.android.com/)。 开 发 者 可 以 上 传 自己 的 软件 和 游戏 到 Android Market 
上 ， 然 后 在 Android Market 上 运营 管理 自己 的 软件 和 游戏 。 

不 过 , 由 于 Android 太 开放 了 , 人 很 多 使 用 了 Android 系 统 的 手机 厂商 者 建 立 了 自己 的 应 用 商城 ， 
例如 译 托 罗拉 的 智 件 园 和 HTC 商 城 等 。 除 了 上 述 的 几 个 商城 外 ， 营 说 的 商城 还 包括 亚 马 还 的 
Android 商 城 。 


1.3 ”其 他 手机 操作 系统 


iO0S 和 Android 征 目前 最 火 的 两 大 智能 手机 操作 系统 ,但 是 除了 这 两 大 系统 外 ， 还 存在 着 很 多 
的 智能 手机 操作 系统 ， 比 如 PalmOS、Windows Mobile、Windows Phone、 塞 班 (Symbian) 以 及 
有 每 (Blackberry) 等 。 中 国 移动 的 OPhone、 中 国联 通 的 沃 Phone 和 联想 的 LEOS 是 国内 的 三 大 智 
能 手机 系统 ， 下 面 重点 介绍 一 下 。 


1.3.1 OPhone 


为 了 突破 ID 终 凯 瓶 须 ， 促 进 手 机 终端 与 中 国 移动 的 网 络 及 应 用 服务 进行 无 颖 对 接 ， 中 国 移 
动 和 播 思 通 讯 在 谷歌 Android 操 作 系 统 的 基础 上 , 主导 开发 了 OPhone 操 作 系 统 (Open Mobile Phone 
Operating System) 。OPhone 操 作 系 统 直接 内 置 了 中 国 移动 的 服务 业 单 、 首 乐 随时 昕 、 手 机 导航 、 
号 憩 管家 、139 邮 箱 、 飞 信 、 快 讯 和 移动 梦 网 等 特色 业务 。 


1.3.2” } 尖 Phone 


2011 年 2 月 28 日 ， 中 国联 通 旗下 自主 的 操作 系统 以 及 搭载 该 系统 的 多 款 机 型 正式 发 布 。 此 次 
发 布 正式 将 操作 系统 命名 为 评 Phone 操 作 平 台 (在 此 之 前 存在 着 多 种 命名 方式 , 如 Uphone 等 ), 这 
是 中 国 首 个 自主 知识 产权 的 智能 手机 操作 系统 。 

添 Phone 是 完全 基于 Linux 内 核 的 原生 操作 系统 ， 具 有 自主 、 开 放 的 特性 。 很 难得 的 一 点 就 是 
汪 Phone 十 基于 Linux 内 核 的 ， 而 不 是 基于 Android 操 作 系 统 的 ， 这 与 OPhone 不 同 。 
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1.3.3 LEOS 


2010 年 1 月 7 日 , 在 美国 的 CES 2010 大 展开 幕 之 际 ,， 联想 公司 发 布 了 一 秩 全 新 的 智能 手机 一 一 
乐 Phone， 其 上 市 日 期 是 2010 年 5 月 11 日 。 

乐 Phone 采 用 的 操作 系统 就 是 LEOS。LEOS 走 一 个 增 踢 的 Android 操 作 系统 ， 征 联想 根据 目 
号 的 需求 定制 的 Android 操 作 系 统 。LEOS 除 拥有 Android 操 作 系 统 蛛 来 所 有 的 功能 外 ， 还 拥有 联 
想 自 主 开发 的 推送 (push) 引擎 。 推 送 引 擎 以 联想 公司 强大 的 后 台 服 务 为 基础 ， 精 准 、 实 时 地 
推送 邮件 、 新 闻 、 音 乐 、 视 频 等 信息 ， 让 用 户 在 各 种 网 络 环 境 都 能 通过 如 影 随 形 的 推送 服务 实 
现 互 联 之 乐 。 


1.4 总 结 


本 章 一 共 介绍 了 5 个 智能 手机 操作 系统 ， 分 别 是 OS、Android、OPhone、 沃 Phone 和 LEOS。 
下 面 总 结 一 下 这 些 系 统 的 整体 特点 。 

平 末 的 i0S 的 产业 链 比 较 完 善 ， 对 于 开发 者 来 说 ， 只 需要 针对 iOS 系 统 进行 开发 ， 然 后 提交 给 
平 果 鸭 App Store 即 可 运 香 。 

谷歌 的 Android、 中 国 移动 的 OPhone、 联 想 的 LEOS 都 属于 Android 系 列 ，Android 的 整个 产业 
目前 看 起 来 是 燕 共 日 上 的 ， 读 者 应 该 时 刻 都 能 从 网 上 看 到 关于 Android 的 新 销 筷 。 但 是 由 于 其 开 
放 性 ， 很 多 厂商 对 Android 做 了 较 大 范围 的 改造 ， 甚 至 已 经 宣称 拥有 上 自己 的 手机 操作 系统 。 这 样 
开发 者 开发 出 一 个 软件 或 游戏 时 ， 要 想 做 大 规模 的 适 配 ， 有 可 能 需要 针对 厂商 的 机 型 做 定制 。 这 
些 基 于 Android 的 厂商 ， 都 想像 乎 来 那样 控制 整个 产业 链 ， 每 一 家 都 在 酝酿 目 己 的 应 用 商城 ， 而 
且 很 多 都 已 经 上 线 ， 如 谷歌 的 Android Market、 中 国 移动 MM 商城 、 联 想 应 用 商店 等 。 但 是 ， 任 
何 单独 一 家 Android 广 商 的 终 闹 数 都 小 于 平 果 。 因 此 ， 虽 然 看 起 来 是 一 个 党 采 的 市 场 ,， 但 具体 每 
个 开发 者 从 中 如 何 获 益 ， 还 得 研究 。 

添 Phone 是 中 国联 通 刚 刚 推 出 的 智能 手机 系统 ， 围 绕 该 系统 的 终端 还 不 是 很 多 。 不 过 ， 中 国 
联通 已 经 建立 了 针对 该 系统 的 官方 商城 、 提 供 了 专门 的 开发 环境 ,而 且 由 于 该 系统 是 中 国联 通 自 
主 知识 产权 建立 的 ， 所 以 拥有 控制 产业 链 的 基础 。 

本 章 介 绍 的 各 智能 手机 操作 系统 的 发 展 知 识 对 读者 来 说 比较 重要 ,了解 这 些 知识 可 以 方便 读 
者 在 进行 软件 和 游戏 开发 时 选择 合适 的 操作 系统 。 而 在 下 一 草 ,， 我 们 将 介绍 游戏 以 及 游戏 引擎 的 
相关 知识 。 
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游戏 及 游戏 引擎 介绍 


在 本 章 中， 我 们 首先 介绍 游戏 以 及 和 常见 的 游戏 类 型 ， 然 后 再 介绍 游戏 引擎 的 架构 。 
2.1 游戏 介绍 


游戏 的 定义 非常 广泛 , 既 可 以 指 人 的 一 种 娱乐 活动 , 也 可 以 指 活动 过 程 。 既 可 以 是 人 手 游 戏 、 
果 上 游戏 ， 也 可 以 是 电脑 游戏 。 在 本 书 中 ， 游 戏 均 指 电脑 游戏 。 

就 目前 来 说 ， 常 见 的 游戏 有 以 下 一 些 类 型 动作 类 游戏 (ACT，Action Game)、 格 斗 类 游戏 
(FTG，Fighting Game)、 射 击 类 游戏 (SIG，Shoot Game) 、 第 一 人 称 视角 的 射击 类 游戏 (FPS， 
First Person Shooting)、 冒 险 类 游戏 (AVG，Adventure Game)、 即 时 战略 游戏 (RTS，Real-Time 
Strategy Game ) 、 角 色 扮 演 类 游戏 (RPG，Role Playing Game ) 。 

从 字面 意思 上 ， 我 们 已 经 能 够 看 出 这 些 游戏 类 型 的 基本 玩法 ， 下 面 做 进一步 的 阐述 。 

动作 类 游戏 的 代表 作 是 《波斯 王子 》《 星 球 大 战 》 守 ,这 类 游戏 四 主要 玩法 是 玩家 探 制 游戏 
内 的 人 物 角 色 用 各 种 武 强 消炎 敌人 ， 目 的 就 是 为 了 过 关 ， 不 追求 故事 情 市 。 

格斗 类 游戏 的 代表 作 是 《街头 霸王 》《 侍 魂 》《 拳 旺 》 等 ， 这 类 游戏 的 主要 玩法 是 玩家 控制 
游戏 内 的 人 物 角色 与 另 一 人 物 角色 进行 格斗 ， 另 一 角色 可 能 是 电脑 内 人 工 智能 生成 的 , 也 可 能 是 
另 一 个 玩家 。 

射击 类 六 戏 的 代表 作 是 《小 蜜蜂 》 《雷电 》 等 ， 这 类 游戏 的 主要 玩法 是 玩家 控制 游戏 内 的 人 
物 角 色 在 一 个 卷轴 式 的 游戏 场景 内 进行 射击 游戏 。 

第 一 人 称 视角 的 射击 类 游戏 的 代表 作 是 《CS》， 主 要 玩法 是 玩家 在 游戏 内 的 人 物 角 色 以 第 一 
人 称 的 视角 使 用 各 种 武 右 ， 主 要 是 刀 、 枪 等 进行 攻击 ,消灭 敌 人 。 

冒险 类 游戏 的 代表 作 是 《神秘 岛 》 等 ， 主 要 玩法 是 玩家 控制 游戏 内 的 人 物 角色 进行 虚拟 冒险 
的 游戏 。 故 事情 诈 往 往 是 以 完成 一 个 任务 或 解 开 某 些 谈 题 的 形式 展开 的 ,而 且 在 游戏 过 程 中 着 意 
强调 迹 题 的 重要 性 。 

即时 战略 游戏 的 代表 作 是 《魔兽 争霸》, 玩家 在 游戏 内 控制 的 人 物 角 色 为 了 取得 战争 的 胜利 ， 
必须 不 停 地 进行 操作 ， 因 为 另 一 玩家 控制 的 人 物 角 色 也 在 同时 进行 着 类 似 的 操作 。 

角色 扮演 类 游戏 的 代表 作 是 《最 终 幻 想 》《 仙 剑 奇 侠 传 》 等 ， 这 类 游戏 有 上 自己 完整 的 故事 情 
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市 ， 玩家 扮演 游戏 中 的 一 个 或 数 个 角色 ， 比 较 强 调 剧情 发 展 和 玩家 体验 。 角 色 扮 演 类 游戏 还 可 以 
进一步 划分 为 下 面 几 类 : 动作 角色 扮演 类 游戏 (A-RPG，Action Role Playing Game)、 策 略 角 色 
扮演 类 游戏 (S-RPG，Strategy Role Playing Game)、 大 型 多 人 在 线 角 色 扮 演 类 游戏 (MMORPG， 
Massive Multiplayer Online Role Playing Game ) 。 

除了 上 面 这 些 传统 电脑 游戏 外 ， 这 几 年 逐 源 出 现 了 一 个 新 的 游戏 类 型 ， 这 就 是 社交 游戏 
(Social game)。 社 交游 戏 是 一 种 运行 在 社交 网 站 上 ,通过 趣味 性 游戏 方式 增强 人 与 人 之 间 交 流 的 
网 络 应 用 。 说 起 社交 游戏 ,也许 有 人 会 感觉 很 陌生 ,但 如 果 说 到 《 偷 菜 》， 可 能 就 几乎 无 人 不 知 、 
无 人 不 晓 了 。 在 2009 年 ,《 种 末 》、《 偷 菜 》 每 在 网 上 大 行 其 道 ， 而 上 网 “ 偷 莱 ”更 古 让 很 多 网 民 
“ 夜 不 能 号 ”。 社 交游 戏 在 这 一 年 获得 了 极 大 的 发 展 。 不管 你 是 否 接 受 、 是 否 爱 玩 ， 社交 游戏 的 确 
在 影 啊 着 我 们 的 生活 ， 很 多 人 在 深夜 两 点 起 来 玩 游 戏 ， 只 为 了 偷 别人 的 莱 。 

社交 网 站 中 的 社交 游戏 重视 人 与 人 之 则 的 互动 , 经 典 的 棋牌 游戏 在 互联 网 上 快速 普及 , 在 互 
联网 发 展 初 期 已 经 形成 了 相当 大 的 市 场 规模 。 社 交游 戏 的 成 长 加 速 了 社交 网 站 的 规模 化 ,虚拟 礼 
周 、 虚 拟 宠 物 、 投 票 等 在 社交 网 站 上 都 得 到 快速 的 普及 。 现 在 ,国外 的 Facebook 和 国内 的 人 人 网 
于 什 交 网 站 上 有 着 韭 第 多 的 第 三 方 应 用 。 
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上 面 介绍 了 很 多 种 游戏 ， 为 了 开发 上 述 各 类 游戏 ， 一般 都 需要 引进 一 个 或 多 个 游戏 引擎 。 

那么 什么 是 引擎 ? 顾名思义 ,引擎 就 是 游戏 的 心脏 。 我 们 可 以 把 游戏 的 引擎 比 作 赛车 的 引擎 。 
赛车 的 引擎 ， 决 定 着 赛车 的 性 能 和 稳定 性 ， 赛 车 的 速度 、 操 纵 感 这 些 直接 与 车 手相 关 的 指标 都 是 
建立 在 引擎 的 基础 上 的 。 游 戏 也 是 如 此 ,玩家 所 体验 到 的 剧情 、 关 卡 、 美 工 、 音 乐 、 操 作 等 内 容 
都 是 由 游戏 的 引擎 直接 控制 的 。5| 擎 扮演 着 总 指挥 的 角色 ， 把 游戏 中 的 所 有 元 素 捆 绑 在 一 起 , 指 
挥 它 们 同时 、 有 序 地 工作 。 人 简单 地 说 ，3| 敬 就 是 用 于 控制 所 有 游戏 功能 的 主 程序 ， 从 计算 碰撞 、 
物理 系统 和 物体 的 相对 位 置 ， 到 接受 玩家 的 输入 ， 以 及 按照 正确 的 音量 输出 声音 等 。 

可 见 ，35| 敬 并 不 是 什么 特别 的 东西 ， 无 论 是 2D 游 戏 还 是 3D 游 戏 ， 无 论 是 PC 游戏 还 是 手机 游 
戏 , 无 论 是 角色 扮演 游戏 、 即 时 策略 游戏 、 冒 险 解 谜 游戏 还 是 动作 射击 游戏 ， 都 要 用 到 3 引 葡 ， 这 
个 引擎 或 者 是 一 个 商用 的 产品 ， 或 者 是 一 个 开源 的 产品 ， 或 者 只 是 一 段 起 控制 作用 的 代码 。 

经 过 不 断 地 发 展 ， 如 今 的 游戏 引擎 已 经 发 展 为 一 套 由 多 个 子 模块 共同 构成 的 复杂 系统 ， 从 这 
染 、 动 作 到 粒子 特效 ， 从 物理 引擎 到 磁 接 检测 ， 还 有 配套 的 周边 工具 ， 几 平 涵盖 了 游戏 制作 的 所 
有 重要 环节 。 在 大 型 游戏 中 ，DOOM35| 擎 是 2D、2.5D 游 戏 引 擎 的 代表 ， 也 是 游戏 引擎 的 鼻祖 ， 
而 Quake 引 警 则 是 3D 游 戏 引 警 的 代表 。 而 在 小 型 的 游戏 中 ,同样 有 着 各 类 优秀 的 游戏 引擎 ,cocos2d 
就 是 其 中 之 一 。cocos2d 自 身 及 其 衍生 的 版 本 已 经 能 覆盖 C#、C++、Objective-C、Java、Python.、 
Ruby、Lua、JavaScript 等 各 种 语言 。 图 2-1 是 一 个 第 见 的 小 型 游戏 引擎 的 架构 。 

从 图 2-1 我 们 可 以 看 出 ， 一 个 游戏 引擎 至 少 包 括 一 个 泻 当 引擎， 另 一 部 分 物理 引擎 则 不 是 必 
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需 的 。 下 面 我 们 就 介绍 这 两 大 部 分 。 
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图 2-1 游戏 5| 获 的 架构 图 
> 写 > 
2.2.1 演 染 引擎 


演 染 5| 擎 古 什么 ” 演 染 引擎 的 主要 功能 是 让 游戏 元 素 可 视 化 ， 让 玩家 可 以 看 到 游戏 的 logo、 
游戏 的 首页 面 、 族 戏 的 帮助 和 族 戏 的 场景 等 ， 让 玩家 能 够 根据 屏幕 上 看 到 的 内 容 作 出 反应 。 

刚才 提 到 的 游戏 logo、 游 戏 首 页 面 、 游 戏 帮 助 和 游戏 场景 是 每 一 个 游戏 的 基础 组 成 部 分 ， 而 
平 果 的 Phone， 从 一 上 市 束 带 有 非常 完美 而 强悍 的 界面 ， 当 然 Phone 的 成 功 不 仅 因 为 有 非常 好 的 
界面 ， 但 肯定 也 少不了 界面 的 支持 。 上 面 这 两 点 都 足以 说 明 ， 界 面 是 一 个 产品 的 重要 组 成 部 分 。 
为 了 显示 和 界面， 我们 束 需 要 请 染 引 擎 。 

当 构 造 一 个 游戏 引擎 的 时 候 ， 你 通 第 想 做 的 第 一 件 事 情 束 是 建造 演 染 5| 擎 。 这 是 因为 ， 如 末 
看 不 见 任 何 东 西 ， 你 又 如 何 知 道 你 的 游戏 在 运行 呢 ? 

最 终 用 户 对 游戏 视觉 的 要 求 也 是 很 高 的 ,一 个 游戏 的 美观 界面 绝对 可 以 弥补 其 在 其 他 方面 的 
部 分 环 症 。 如 采 我 们 的 游戏 不 能 提供 一 个 美观 的 界面 ， 那 么 这 个 游戏 绝对 成 为 不 了 另 一 个 “ 屈 奴 
的 小 乌 。 

一 般 来 说 ， 演 染 引 擎 的 工作 束 是 要 创造 出 刻 戏 的 界面 内 光 点 。 要 达到 这 个 目的 ,不 仅仅 需要 
一 个 强大 的 演 染 引擎 , 还 需要 大 量 的 技巧 , 需要 美工 的 出 力 支 持 , 需要 物理 引擎 千奇百怪 的 功能 ， 
需要 图 形 编辑 右 和 地 图 编辑 如 等 的 协助 。 正 因为 如 此 , 泻 染 引擎 才 是 在 引擎 当中 最 复杂 的 ， 它 的 
各 大 与 任 直 授 决 定 着 游戏 的 最 终 质 量 。 


2.2.2 物理 引擎 


引擎 的 另 一 重要 功能 是 提供 真实 的 物理 世界 , 这 可 以 使 游戏 内 物体 的 运动 遵循 真实 自然 的 规 
律 。 例 如 ， 当 角色 跳 起 的 时 候 ， 重 力 值 将 决定 它 能 跳 多 高 以 及 它 下 落 的 速度 有 多 快 ， 子弹 的 飞行 
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轨迹 、 车 辆 的 其 艇 方式 也 都 征 由 物理 系统 决定 的 。 

物理 ?| 擎 通过 为 物体 赋予 真实 的 物理 属性 的 方式 来 计算 运动 、 旋转 和 碰撞 反映 。 物 理 ?| 擎 使 
用 对 象 属性 〈 动 量 、 扭 矩 或 者 弹性 ) 来 模拟 物体 行为 ， 这 不 仅 可 以 得 到 更 加 真实 的 结 末 ， 而 且 对 
于 开发 人 员 来 说 也 比较 容易 苞 握 。 好 的 物理 引擎 允许 有 复杂 的 机 械 装置 , 像 球形 关 市 、 轮 子 、 汽 
氏 或 者 镑 链 。 有 些 也 支持 非 刚性 体 的 物理 属性 ， 比 如 流体 。 

当然 , 也 并 不 是 所 有 的 场景 都 一 定 需 要 物理 引擎 ,有 些 人 简单 的 物理 效果 可 以 通过 编程 来 实现 。 
然而 ， 当 游戏 需要 比较 复杂 有 的 物体 碰撞 、 深 动 、 背 动 或 者 弹跳 的 时 候 ， 通过 编程 的 方法 实现 就 比 
较 困难 了 。 比 如 说 ， 在 杀 个 游戏 中 ,游戏 的 主角 古 一 染 飞 机 ， 飞 机 需要 在 天 空中 飞行 。 虽 然 在 飞 
行 中 不 一 定 需要 使 用 加 速度 或 者 减速 度 这 样 的 效 朱 , 但 是 使 用 加 速度 或 者 减速 度 这 样 的 效 朱 会 让 
游戏 更 像 真实 的 世界 。 

我 们 再 举 个 例子 ， 在 另外 一 个 游戏 中 ， 有 一 处 需要 做 到 足球 撞 到 墙 体 的 效 末 。 在 人 没有 物理 5| 
敬 的 时 候 ,， 足球 和 墙 体 之 间 的 碰撞 由 开发 者 写 程序 去 判断 ， 只 能 给 出 是 否 磁 撞 的 结 末 ， 无 法 得 到 
磁 撞 过 程 中 足球 和 墙 体 在 每 一 瞬间 的 状态 。 而 使 用 了 物理 引擎 , 我 们 不 仅 可 以 知道 足球 和 增 体 是 
人 否 磁 撞 ,， 还 可 以 知道 碰撞 前 后 的 加 速度 变化 如 何 , 足球 和 载体 在 磁 撞 前 后 各 目的 表面 应 该 做 什么 
反应 ， 等 等 。 通 过 物理 引擎 ， 实 现 这 些 物体 之 间 相 互 作用 的 效果 是 比较 简单 的 。 图 2-2 就 描述 了 


上 述 的 关系 。 
不 使 用 
物理 引 敬 
使 用 
物理 引擎 


图 2-2 ”使 用 物理 ?| 擎 的 效 末 


磁 撞 探测 是 物理 系统 的 核心 部 分 ， 它 可 以 探测 游戏 中 各 物体 的 物理 边 绿 。 当 两 个 物体 撞 
在 一 起 的 时 候 ， 这 种 技术 可 以 防止 它们 相互 罕 过 ， 这 就 确保 了 当 你 撞 在 载 上 的 时 候 ， 不 会 罕 
墙 而 过 ， 也 不 会 把 墙 撞 倒 ， 因 为 碰撞 探测 会 根据 你 和 墙 之 间 的 特性 确定 两 者 的 位 置 和 相互 的 
作用 关系 。 
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2.2.3 周边 工具 


游戏 引擎 除 了 需要 常见 的 演 染 3 引擎、 物理 引擎 外 ， 还 需要 很 多 的 周边 工具 。 这 些 工具 包括 
色 分 析 设 计 器 、 瓦 族 地 图 编辑 右 、 矢 量 地 图 编辑 右 、 任 务 脚本 编辑 娟 、 粒 子 编辑 尹 、 动 作 编辑 需 
和 图 片 编辑 絮 等 。 
那么 ,为 什么 游戏 引擎 还 需要 这 么 多 的 周边 工具 呢 ? 原因 之 一 是 方便 开发 者 ， 之 二 是 将 游戏 
制作 过 程 中 的 各 个 环 市 进行 分 割 。 有 了 周边 工具 ， 开发 者 在 开发 游戏 的 时 候 ， 就 知道 游戏 的 各 个 
场景 将 使 用 场景 编辑 器 来 编辑 , 开发 者 只 需要 针对 编辑 器 写 通用 的 组 件 ， 然 后 有 专门 的 策划 人 员 
去 负责 想 场景 。 
下 面 我 们 来 介绍 稼 见 的 几 个 编辑 粥 。 
D 瓦 片 地 图 编辑 器 。 一 个 瓦 片 对 应 于 一 个 矩形 的 区 域 ， 你 可 以 把 某 块 地 方 分 割 成 3 行 3 列 ， 
那 就 有 9 个 瓦 片 ， 每 个 瓦 片 里 面 放 上 图 片 ， 不 就 是 地 图 了 吗 ? 极端 一 点 想 ， 一 个 屏幕 的 分 
辩 率 是 320 x 480 像 系 ， 如 末 把 一 个 像素 就 看 成 是 一 个 瓦 片 ， 屏 幕 其 实 就 是 个 320 x 480 个 
瓦 斤 组 成 的 地 图 。 因 此 瓦 族 地 图 类 似 于 拼图 游戏 ， 又 或 者 像 拱 积木。 地 图 上 的 元 素 是 可 
以 重复 利用 的 ， 元 素 之 间 的 相互 组 合 形成 一 个 大 的 场景 。 瓦 族 地 图 编辑 绢 束 是 一 个 为 了 
方便 进行 瓦 请 地 图 制作 的 工具 。 
D 图 片 编辑 器 。 这 种 编辑 右 把 散乱 的 图 片 保存 成 一 张大 贴图 文件 和 一 个 图 片 坐标 文件 。 为 
何 要 这 样 呢 ? 主要 是 因为 一 般 引 警 在读 模型 文件 的 时 候 , 读 一 张贴 图 比 读 和 N 张 贴图 的 运算 
量 要 小 很 多 。 
D 粒子 编辑 器 。 这 种 编辑 右 通 过 图 形 界面 配置 粒子 效 末 需要 的 参数 。 


下 


2.3 总结 


本 章 主要 介绍 了 游戏 以 及 用 于 制作 游戏 的 游戏 引擎 。 在 游戏 部 分 主要 对 现 有 的 游戏 进行 了 分 
类 介绍 ， 而 游戏 引 警 则 主要 介绍 演 染 引擎 、 物 理 引 擎 以 及 周边 工具 。 

接 下 来 的 一 章 ， 我 们 将 进入 cocos2d 的 世界 ， 正 是 这 个 神奇 的 引擎 ， 让 我 们 编写 跨 平 台 的 游 
戏 成 为 了 现实 。 
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进入 cocos2d 的 世界 


大 家 都 知道 , 手机 已 经 成 为 我 们 最 得 力 的 帮手 之 一 。 手 机 用 户 的 数量 也 将 远 远 大 于 电脑 用 户 
的 数量 , 我 们 在 任何 时 间 、 任何 地 点 都 可 以 用 手机 来 满足 我 们 大 部 分 的 需求 。 而 游戏 古人 的 天 性 ， 
游戏 也 将 随 着 手机 的 发 展 得 到 进一步 的 发 展 。 

无 论 你 征 喜 欢 乎 未 ， 还 是 喜 欢 Android， 甚 至 是 喜欢 添 Phone， 都 没关系 。 这 些 智 能 手机 系统 
都 能 够 让 任何 个 人 或 任何 团体 通过 目 己 的 努力 ,制作 出 精美 的 游戏 ,然后 让 这 个 精美 的 游戏 得 到 
社会 的 认可 ， 包 括 获 得 回报 。 现 在 我 们 将 介绍 cocos2d 这 个 引擎 ， 它 制作 的 游戏 将 覆盖 前 面 提 到 
的 几 个 智能 手机 系统 。 

前 面 两 党 ， 已 经 介绍 了 手机 操作 系统 、 游 戏 以 及 游戏 引擎 的 相关 知识 ， 现 在 将 进入 cocos2d 
部 分 。 本 章 将 分 别 介绍 cocos2d、cocos2d-iphone 和 cocos2d-x 相 关 的 发 展 ， 并 给 出 部 分 经 典 的 游戏 
案例 。 


3.1 cocos2d 介绍 


cocos2d 最 早 是 用 Python (一 种 脚本 语言 ) 实现 的 一 个 开源 游戏 引擎 ， 用 来 开发 2D 游 戏 和 基 
于 2D 图 形 的 任何 应 用 。 官 方 网 站 是 http:/www.cocos2d.org。 
cocos2d 的 主要 作者 是 Ricardo Quesada (他 在 社区 里 自己 简称 Riq)， 阿 根 廷 人 。cocos2d 第 一 
次 发 布 的 时 间 是 2008 年 2 月 29 日 ， 版 本 号 为 0.1.0。 从 0.1.0 版 本 到 目前 的 0.4.0 版 本 ， 每 个 版 本 的 具 
体 发 布 时 间 参 见 表 3-1。 目 前 cocos2d3| 葡 正在 开发 0.5.0 版 本 ， 暂 未 发 布 。 
表 3-1 cocos2d 各 版 本 发 布 时 间 


cocos2d 版 本 号 发 布 日 期 
0.1.0 2008 年 2 月 29 日 
0.1.1 2008 年 3 月 10 日 
0.1.2 2008 年 3 月 18 日 
0.2.0 2008 年 3 月 20 日 
0.3.0-beta0 2008 年 5 月 5 日 
0.3.0-betal 2008 年 6 月 2 日 


0.3.0-rc0 2008 年 6 月 27 日 


pe 
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( 续 ) 
cocos2d 版 本 号 发 布 日 期 
0.3.0 2008 年 9 月 5 日 
0.4.0-rc0 2010 年 7 月 7 日 
0.4.0 2010 年 9 月 8 日 


根据 官方 网 站 的 描述 ， cocos2d 的 主要 功能 包括 下 列 9 个 : 

(1) 非常 容易 地 进行 不 同 场景 之 间 的 流程 控制 (Flow Control) 管理 ， 

(2) 末 单 (Menus) 维护 ， 

(3) 支持 标签 和 HTML 标 签 的 文本 演 染 (Text Rendering ) ; 

(4) 快速 而 方便 的 精灵 (Sprites)， 

(5) 按照 你 的 想法 指挥 精灵 们 变化 ， 可 组 合 的 动作 (Actions) 包括 移动 、 旋 转 和 缩放 等 ; 

(6) 包括 波浪 、 旋 转 和 透镜 等 特效 (Effects ) 

(7) 支持 矩形 和 六 边 形 的 瓦 片 地 图 (Tiled Maps ) ; 

(8) 支持 场景 切换 的 特效 (Transitions)，; 

(9) 支持 硬件 加 速 〈OpenGL ) 。 

cocos2d 采 用 的 开源 协议 是 BSD 协 议 ， 开 发 者 可 以 放心 地 使 用 ， 而 不 必 关 心 授 权 问 题 。 官 方 
网 站 还 提供 了 大 量 的 测试 例子 , 当然 也 少不了 编程 指责 、API 参 考 和 视频 教学 。 当然 , 基于 cocos2d 
引擎 已 经 请 现 出 很 多 优秀 的 益 智 类 游戏 。 

当 iPhone 和 iPad 在 世界 冰 围 内 疯狂 时 ，cocos2d 的 作者 也 顺势 推出 了 cocos2d 的 iPhone 版 本 ,这 
个 版 本 就 是 cocos2d-iphone。 

虽然 cocos2d 是 所 有 cocos2d5 引 擎 家 族 的 鼻祖 ， 但 现在 人 们 提 到 cocos2d 的 第 一 反应 已 经 是 
cocos2d-iphone 了 。cocos2d 网 站 上 说 0.4.0 版 本 发 布 2 个 月 后 达到 了 1700 次 下 载 ， 但 同样 的 下 载 量 ， 
cocos2d-iphone 版 本 只 发 布 一 两 天 束 达 到 了 ， 而 cocos2d-x 版 本 只 发 布 三 四 周 就 达到 了 。 


3.2 cocos2d-iphone 介绍 


cocos2d-iphone 是 基于 cocos2d 的 思想 进行 开发 的 , 第 一 版 本 于 2008 年 6 月 25 日 发 布 , 官方 网 站 
是 http://www.cocos2d-iphone.org/。 由 于 iOS 系 统 不 允许 开发 者 使 用 动态 链接 库 的 方式 开发 应 用 ， 
所 以 Riq 将 cocos2d-iphone 的 开源 协议 从 BSD 协 议 改 为 MIT 协 议 。 

笔者 认为 Riq 对 cocos2d-iphone 这 个 名 字 现 在 已 经 有 点 心 有 威 威 克 了 ， 因 为 这 个 引擎 现在 不 仪 
支持 iPhone， 而 且 还 支持 了 iPad 和 Mac OS X。cocos2d-iphone 中 的 “-iphone” 已 经 不 能 正确 表达 
该 5| 擎 的 项 目 沁 围 了 。 

cocos2d-iphone 和 和 平 末 iOS 一 起 成 长 起 来 ， 凭 借 着 使 用 Objective-C 语 言 和 SDK 无 颖 衔接 的 优 
势 ， 获 得 广大 果 粉 开发 者 的 扎 捧 和 喜爱 ， 现 在 已 成 为 苹果 i1OS 上 2D 游 戏 引 | 擎 的 首选 。 
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目前 平 果 App Store 里 有 无 数 基于 cocos2d-iphone 引 擎 的 游戏 。 提 交 到 cocos2d-iphone 官 方 网 站 
登记 的 游戏 数量 已 经 楼 近 2000 个 ,并 且 以 每 天 2~3 个 的 速度 递增 , 而 实际 游戏 数量 应 该 远 高 于 此 ， 
作者 个 人 估计 至 少 是 5 倍 或 10 倍 于 该 数据 。 为 了 应 对 日 益 发 展 的 OS 生态 链 以 及 cocos2d-iphone 上 日 
续 5| 敬 的 发 展 需 要 ，cocos2d-iphone5| 擎 的 版 本 变更 非 弟 频 营 。 从 2008 年 6 月 25 日 发 布 的 0.1.0 版 本 
到 2010 年 12 月 16 日 发 布 的 0.99.5 版 本 ， 中 间 发 布 了 奋 干 版 本 ， 据 不 完全 统计 有 60 个 之 多 。 

cocos2d-iphone 在 每 个 版 本 都 给 出 一 些 令 人 兴 香 的 新 特性 , 在 0.90 版 本 时 进行 了 一 次 非常 重大 
的 升级 ， 使 用 CC 作为 名 字 空 间 ， 自 此 cocos2d-iphone 引 擎 开始 使 用 这 个 全 新 的 体系 ， 也 正 是 这 些 
变动 让 其 越 来 越 完善 。 


3.3 cocos2d-x 介绍 


cocos2d-iphone 非 常 成 功 ， 围 绕 着 cocos2d-iphone 的 各 类 开源 项 目 越 来 越 多 ， 也 越 来 越 完善 ， 
cocos2d-x 就 是 其 中 的 一 个 典型 代表 。cocos2d-x 的 主 则 是 跨 平 台 ， 所 以 不 再 采用 苹果 独家 的 
Objective-C， 而 是 采用 更 流行 的 C++。cocos2d-x 的 官方 网 站 是 http:/www.cocos2d-x.org ， 采 用 的 
开源 协议 同样 为 MIT 协 议 。 

cocos2d-X 目 前 已 成 为 cocos2d 官 方 的 一 部 分 了 。cocos2d-iphone 的 主要 开发 者 Riq 已 经 同意 将 
cocos2d-x 的 代码 与 cocos2d-iphone 的 代码 进行 同一 个 代码 仓库 管理 , 而 且 在 后 续 CocosBuilder 等 动 
画 编 辑 绒 的 设计 中 也 同时 芳 虑 支持 cocos2d-x。 

cocos2d-x 中 的 “x ”有 两 个 意思 ， 一 是 表示 “C++ ， 有 时 候 ，C++ 文 件 的 后 缀 名 可 以 用 cxx 
代替 ， 因 此 该 处 的 x 表 示 该 开源 项 目 使 用 C++ 编写 ， 并 且 提 供 C++ 的 API;， 二 是 表示 “Cross ， 该 
开源 项 目的 目标 是 跨 更 多 的 平台 。 现 在 基于 cocos2d-x 引 擎 开发 的 游戏 已 经 可 以 成 功 运行 在 很 多 平 
台 上 ， 包 括 iPhone 和 iPad 4.0 以 上 版 本 、Android 2.0 以 上 版 本 (包括 3.0 的 Moto Xoom 和 三 星 
GalaxyTab10.1 等 )、Windows XP、Windows 7、 联 通 试 Phone、 联 想 乐 Phone 和 魅族 M9。 

cocos2d-x 各 版 本 的 发 布 时 间 见 表 3-2。 


表 3-2 ”cocos2d-x 各 版 本 的 发 布 时 间 


cocos2d 版 本 号 发 布 时 间 
0.7.1 2010 年 12 月 20 日 
0.7.2 2011 年 1 月 26 日 
0.8.0 2011 年 3 月 15 日 
0.8.1 2011 年 3 月 21 日 
0.8.2 2011 年 4 月 8 日 


3.4 cocos2d-x 游戏 分 享 


前 面 给 大 家 人 简单 介绍 了 cocos2d-x 引 擎 ， 现 在 大 家 可 能 会 问 这 样 一 个 问题 ， 目 前 有 基于 
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cocos2d-x5| 获 开发 并 且 发 布 的 游戏 吗 ?” 因 为 从 发 布 出 来 的 游戏 数量 和 这 些 游戏 质量 可 以 看 出 
cocos2d-x5| 敬 的 生命 力 。 

cocos2d-x 引 擎 开放 的 代码 除了 引擎 代码 外 , 还 包括 了 额外 两 个 项 目 代 码 , 分 别 是 Hello World 
和 tests。 甚 中 tests 是 cocos2d-x 引 擎 的 单元 测试 项 目 ， 使 用 了 cocos2d-x 引 擎 的 绝 大 部 分 接口 ， 因 此 
tests 也 可 以 作为 学 习 引 擎 接口 的 一 个 方法 。 

除了 cocos2d-x 本 身 提 供 的 这 两 个 项 目 外 ， 市 面 上 已 经 出 现 了 很 多 基于 cocosd2d-x 引 擎 开发 的 
游戏 。 例 如 触 控 科技 开发 的 《 捕 鱼 达 人 》, MI 工作 室 开 发 的 《魔域 之 城 》 以 及 网 龙 公 司 开发 的 《91 
部 落 》。 


3.5 ”其 他 cocos2d 版 本 介绍 


除了 cocos2d-iphone 、cocos2d-x 外 ， 还 有 很 多 其 他 的 cocos2d 实 现 ， 不 过 大 部 分 都 是 基于 

cocos2d-iphone 的 代码 进行 其 他 的 重新 实现 ， 下 面 列 举 其 中 的 一 些 实现 。 

口 cocos2d-net。cocos2d 的 .NET 实 现 ， 运 行 在 Mono 上 面 。 对 于 这 个 引擎 ， 笔 者 很 奇怪 为 什 
么 选择 了 Mono， 而 不 是 Windows Phone 7 呢 ?” 如 果 选 择 Windows Phone 7， 这 个 引擎 就 会 
搭 上 Windows Phone 7 这 艘 新 船 。 

口 cocos2d-windows。cocos2d 和 了 的 Windows 实 现 , 官方 网 站 为 http://code.google.com/p/cocos2d- 
windows/， 使 用 GPL v3 协 议 发 布 。 访 分支 是 一 位 圩 国人 所 做 ， 但 和 多 数 开 源 项 目 一 样 ， 
在 一 次 较 大 范围 的 提交 (Release) 之 后 就 再 无 消息 ， 没 有 留 下 文档 ， 也 没有 更 新 。 

D cocos3d。cocos2d 的 3D 实 现 ， 官 方 网 站 为 http:/www.cocos3d.org。 这 是 一 个 非常 给 力 的 分 
支 ， 由 加 拿 大 人 Bill Hollings 开 发 维护 。cocos3d 不 是 一 个 完全 的 3D 引 擎 ， 而 是 在 cocos2d 
的 CCLayer ( 层 ) 上 面 扩展 出 3D 世 界 ， 以 cocos2d-iphone 扩 展 包 的 形式 运行 。 如 采 能 够 成 
功 实现 并 商业 化 应 用 ， 那 么 我 们 就 可 以 用 cocos2d-iphone 和 cocos3d 搭 配 做 出 2.5D 的 游戏 。 

口 cocos2d-android。cocos2d-android 是 cocos2d 的 Java 实 现 ， 并 且 能 够 在 Android 上 运行 ， 官 
方 网 站 为 http://code.google.com/p/cocos2d-android/， 使 用 BSD 协 议 发 布 。 

口 cocos2d-android-1。 该 分 支 是 由 国内 资深 开发 者 周 为 宽 建立 发 展 的 。 周 为 宕 认为 cocos2d- 
android 的 发 展 太 慢 , 所 以 创建 了 一 个 新 的 Android 实 现 , 以 实现 最 新 的 cocos2d-iphone 有 版本， 
官方 网 站 为 http://code.google.com/p/cocos2d-android-1/， 使 用 BSD 协 议 发 布 。 不 过 最 近 周 
为 宽 好 像 也 不 怎么 维护 这 个 分 支 了 ， 该 分 支 目 前 主要 由 俄罗斯 人 OpenGenius 维 护 。 
OpenGenius 直 接 翻 译 过 来 就 是 “开源 天 才 ”， 多 么 圭 气 外 露 的 ID 啊 。 

口 cocos2d-javascript。cocos2d 的 JavaScript 实 现 ， 官 方 网 站 为 http://cocos2d-javascript.org/， 
由 一 位 新 西 兰 程序 员 建 立 并 维护 。cocos2d-javascript 把 cocos2d 整 套 框 架 体 系 移 到 了 
HTML5S 和 JavaScript 上 ， 走 到 了 时 代 前 沿 。 

D LuaCocos2D 。 把 cocos2d-iphone 绑 了 Lua 脚 本 ， 官 方 网 站 为 http:/github.comy/boriscosic/ 
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LuaCocos2D/， 作 者 亏 称 绑 了 Lua 后 成 功 把 游戏 发 布 到 平 采 的 App Store 上 面 了 。 可 是 这 个 
项 目 开 源 出 来 的 部 分 比较 小 气 ， 只 镇 示 了 绑 CCMenu 的 一 小 段 代 码 。 
D ShinyCocos。 把 cocos2d-iphone 绑 了 Ruby 的 实现 ， 官 方 网 站 为 http://github.com/funkaster/ 


shinycocos/。 


3.6 总结 


本 华 介 绍 了 cocos2d 的 发 展 历史 , 包括 cocos2d、cocos2d-iphone 和 cocos2d-x 的 相关 知识 。 至此， 
我 们 了 解 了 操作 系统 、 游 戏 引 擎 和 cocos2d 的 相关 知识 。 在 接 下 来 的 革 市 ， 我 们 就 开始 使 用 
cocos2d-x 引 擎 开发 游戏 。 


通过 前 面 几 章 内 容 的 学 习 ， 各 位 读者 应 该 已 经 掌握 了 智能 手机 系统 、 游 戏 、 游 戏 引 擎 和 
cocos2d 的 相关 知识 。 现 在 我 们 将 正式 进入 游戏 的 实战 部 分 。 本 章 将 首先 向 大 家 介绍 跨 平台 的 开 
发 环境 搭建 ， 并 且 在 各 个 平台 上 运行 经 典 的 Hello World。 


4.1 ”环境 说 明 


随 着 手机 的 相关 技术 越 来 越 受 到 开发 者 的 关注 , 各 类 手机 的 开发 环境 也 逐渐 丰 富 起 来 。 手机 
平台 阵 党 之 一 的 伴 果 公司 在 iPhone 和 iPad 发 布 时 就 提供 了 完整 的 解决 方案 : 在 Mac 操 作 系 统 上 通 
过 Xcode、iPhone 了 的 SDK、iPad 的 SDK 来 编写 iPhone、iPad 的 应 用 和 游戏 ， 而 另 一 阵营 的 Android 
则 可 以 使 用 Eclipse、Android 隐 SDK、Android 的 NDKLA 及 各 个 厂商 自己 的 一 些 类 库 来 编写 Android 
的 应 用 。 其 他 的 手机 平台 各 日 都 有 自己 配套 的 开发 环境 。 那么 有 没有 一 个 开发 平台 可 以 窗 盖 这 两 
大 平台 呢 ? 答 委 是 : 有 的 。 现 在 我 们 就 开始 介绍 开发 环境 搭建 的 相关 知识 。 

所 谓 “ 工 欲 善 其 事 ， 必 先 利 其 左 ， 我 们 需要 学 会 如 何 搭建 支持 开发 跨 平 台 游 戏 的 开发 环境 。 
在 前 面 已 经 介绍 了 cocos2d-x 引 擎 支持 开发 跨 平 人 台 的 游戏 , 我 们 也 选择 了 此 引擎 ,因此 ,我 们 这 里 
所 说 的 搭建 跨 平 台 的 开发 环境 ， 也 就 是 搭建 cocos2d-x 的 开发 环境 。 

一 个 完整 的 环境 包括 开发 、 编 译 、 链 接 、 运 行 和 调试 等 儿 部 分 。 如 和 东 这 几 个 部 分 全 部 手动 来 
处 理 ， 那 我 们 的 很 多 时 间 将 花费 在 与 洲 戏 无 关 的 内 容 上 面 ， 这 样 很 容易 得 不 偿 失 。 所 以 我 们 选择 
了 微软 的 Visual Studio 作 为 我 们 C++ 的 集成 开发 环境 ， 在 Visual Studio 里 面 ， 我 们 可 以 开发 游戏 ， 
可 以 通过 Visual Studio 进 行 调 试 ， 还 可 以 编译 链接 成 可 运行 在 Windows 上 的 版 本 。 

可 在 Visual Studio 里 面 ， 我 们 只 能 编译 出 Windows 的 版 本 ， 但 是 我 们 的 目标 不 仅仅 是 Windows 
版 本 ， 我 们 还 需要 支持 iOS、Android 和 沃 Phone 版 本 ， 因 此 我 们 需要 安装 这 几 个 平台 自己 的 软件 
开发 包 (SDK)。 有 了 这 个 SDK 之 后 ， 我 们 才能 够 编译 出 在 各 平台 上 运行 的 软件 包 。 

下 面 我 们 就 开始 一 步 一 步 地 搭建 跨 平 台 的 开发 环境 。 


4.2 ”环境 搭建 


我 们 现在 开始 搭建 整个 环境 。 我 们 需要 安装 的 软件 包括 集成 开发 环境 (Visual Studio)、 交 又 
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编译 工具 (Cygwin) 以 及 平台 支持 (1OS、Android 和 沃 Phone)。 
4.2.1 安装 Visual Studio 


Visual Studio 是 微软 公司 推出 的 集成 开发 环境 ， 它 可 以 用 来 创建 Windows 平台 下 的 Windows 
应 用 程序 和 网 络 应 用 程序 , 也 可 以 用 来 创建 网 络 服务 、 智 能 设备 应 用 程序 和 Office 插件 等 。Visual 
Studio 是 目前 最 流行 的 Windows 平台 应 用 程序 开发 环境 ， 也 是 目前 Windows 平 台 上 最 流行 的 C++ 
开发 环境 ， 目 前 已 经 开发 到 10.0 版 本 ， 也 就 是 Visual Studio 2010。 

cocos2d-x 支 持 的 Visual Studio 版 本 包括 Visual Studio 2008、Visual Studio 2008 Express 和 Visual 
Studio 2010。 本 书 选 择 有 的 Visual Studio 版 本 为 Visual Studio 2008 的 90 天 试用 版 ，Visual Studio 2008 
是 运行 cocos2d-x 最 稳定 的 版 本 。 有 具体 的 安装 步骤 如 下 。 

(1) 首先 从 微软 公司 官方 网 站 下 载 Visual Studio 2008, 没有 购买 的 话 有 一 段 时 间 的 试用 期 。 如 
果 既 不 想 购 买 ， 也 不 想 有 试用 期 ， ee Studio 2008 Express。 

(2) 双击 Visual Studio 2008 的 安装 程序 ,安装 系统 会 开始 加 载 文 件 ， 加 载 完 成 后 就 可 以 进入 安 
泌 界 面 ， 如 图 4-1 所 示 。 
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此 回 导 将 引导 您 完成 此 程序 及 所 需 全 部 组 件 的 安装 过 程 。 
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,次 有 关 详 细 信 息 ， 请 单 击 数 据 收 集 第 办 > 
Microsoft 
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加 载 完成 。 单 击 “ 下 一 步 ” 继 续 。 


图 4-1 Visual Studio 2008 的 安装 界面 


(3) 单 击 “ 下 一 步 ” 按钮 ，Visual Studio 2008 安 装 程 序 会 检测 当前 机 器 是 否 安 冯 了 Visual Studio 
2008 的 部 分 组 件 , 然后 给 出 已 经 安装 的 Visual Studio 2008 组 件 列表 和 没有 安装 的 Visual Studio 2008 
列表 ， 如 图 4-2 所 示 。 ee ee 必须 阅读 并 接受 这 个 条 球 
安 疙 程序 才能 进行 下 一 步 。 
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Microsoft* 


有 NTE]INNIETe[[e 0 各 


人 请 退出 所 有 应 用 程序 ， 然 后 再 继续 安装 。 请 确保 仔细 阅读 并 理解 许可 条 未 中 说 明 的 权利 和 限制 。 必 须 接受 许可 条 款 
才能 安装 该 软件 。 


MICROSOFT 软 件 许可 条 款 ^ 
MICROSOFT VISUAL STUDIO 2008 PROFESSIONAL EDITION Ke TRIAL 国 
EDITION 

这 些许 可 条 款 是 Miaosoft Corporation 或 您 所 在 地 的 Microsoft 
ET Corporation 关联 公司 ) 与 您 之 间 达 成 的 协议 。 请 阅读 这 些 条 款 。 这 些 条 


.iD 安装 程序 检测 到 已 安装 了 以 下 所 需 的 组 件 : 


# Nicrosoft .HET Framework v3.5 


款 适 述 软件 ， 其 您 i ' 。 这些 
运行 时 系统 必 备 蒜 适 用 于 上 壕 软件 中 包括 您 用 来 接收 该 软件 的 媒体 ( 若 有 )。 这 些 - 
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# Nicrosoft Document Explorer 2008 打 ED (E) 
Nicrosoft Document Explorer 2008 语言 2 
Nicrosoft Visual Studio Web 创作 组 件 按 Page Down 键 可 查看 更 多 内 容 。 


Microsoft Visual Studio 2008 ee 
器 我 已 阅读 并 接受 许可 条 款 (A)。 


口 我 不 接受 许可 条 款 (D)。 


外 所 接受 必 最 终 用 户 许可 协议 几 并 输入 产品 密 钥 才能 


图 4-2 ”Visual Studio 2008 安 装 程序 的 起 始 页 


(4 单 击 “ 下 一 步 ”按钮 ，Visual Studio 2008 会 给 出 “默认 值 "、“ 完 全 ”和 “ 自 定义 ”三 个 选 
项 ,如 图 4-3 所 示 。 如 果 对 Visual Studio 不 是 很 熟悉 , 我 们 建议 选择 “默认 值 "。 如 果 对 Visual Studio 
很 熟悉 ， 那 么 就 请 按照 自己 的 需要 选择 对 应 的 组 件 。 在 这 一 步 ， 我 们 还 需要 设置 Visual Studio 的 
安装 路 径 。 
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油 宁 尺 : 雹 口 -Noghxrnn， 
- ee 2 产品 安装 路 径 (R): 
渤 芝 要 也 撕 在 产品 中 以 及 要 从 产品 中 排除 Er ee re eT 


所 需 磁 盘 空间 : 


图 4-3 ”Visual Studio 2008 安 装 程序 的 选项 页 


SD 
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(5) 接 下 来 的 几 步 比较 简单 ， 直 接 单 击 “ 下 一 步 ” 按 钮 即 可 ， 出 现 图 4-4 则 表示 Visual Studio 


已 经 安 钱 成 功 ， 然 后 单 击 “完成 ” 即 可 结束 安 儿 过 程 。 


icroso isual Studio 2008 安装 程序 - 完成 页 


Microsoft* 


‘Visual StudliO 2008 安装 


Visual Studio 安装 完成 。 


Yisual Studio 2008 已 安装 。 忆 文档 : 


车 要 安装 MSDN Library for Yisual Studio 2008， 请 运行 安装 媒体 上 
MSDN 文件 夹 中 的 setup,exe， 或 者 下 载 MSDN Library 速成 版 。 


中 安全 说 明 : 


强烈 建议 您 合用 相应 操作 系统 的 最 新 安全 修补 程序 对 此 计算 机 进行 更 新 。 
有 关 最 近 的 更 新 ， 请 参见 Windows Update 网 站 

http: /Awindowsupdate.,microsoft,com。 您 还 可 以 从 Windows xP 获 
得 windows xP 的 更 新 、 从 Windows Server 2003 获得 windows 
Server 2003 的 更 新 以 及 从 wista 获得 windows wista 的 更 新 。 


。 此外， 建议 您 选择 启用 Microsoft Update 服务 ， 以 确保 收 和 到 此 产 
品 和 其 他 Microsoft 产品 的 所 有 可 用 更 新 。 可 以 访问 以 下 网 站 来 执 
行 此 操作 : http: /7/update,.microsoft,com/microsoftupdate。 

。 如 果 此 计算 机 上 安装 了 Microsoft Internet 信息 服务 (IIS)， 安 装 
口 [ 夺 寺 入 和 记 二 :证 


图 4-4 ” Visual Studio 2008 安 装 程序 的 完成 页 


(6) 在 Visual Studio 安 装 完 之 后 ， 可 以 根据 自身 的 需要 选择 是 否 安 装 Visual Studio 2008 的 SP1 
和 MSDN Library For Visual Studio 2008， 下 面 分 别 介 绍 一 下 这 两 个 组 件 。 

和 Windows 系 统一 样 ，Visual Studio 2008 在 正式 发 布 以 后 ， 同 样 会 出 现 一 些 补丁 ， 当 这 些 补 
丁 积 失 到 一 定 程度 后 ， 为 了 方便 使 用 者 ， 微 软 公司 会 发 布 该 产品 的 SP 补丁 包 。Visual Studio 2008 
的 SP1 就 是 Visual Studio 2008 的 第 一 个 SP 补丁 包 。 

MSDN 的 全 称 是 Microsoft Developer Network， 它 是 微软 公司 面 钻 开发 者 的 一 种 信息 服务 。 
MSDN 实际 上 是 一 个 微软 产品 的 开发 虚拟 社区 ., 包括 技术 文档 、 在 线 电子 教程 、 网 络 虚拟 实验 室 、 
微软 产品 下 载 〈 儿 乎 全 部 的 操作 系统 、 服 务 右 程序 、 应 用 程序 和 开发 程序 的 正式 版 和 测试 版 ， 还 
包括 各 种 驱动 程序 开发 包 和 软件 开发 包 )、Blog、BBS 和 MSDN 厅 志 等 一 系列 服务 。 当 然 大 家 党 
说 的 MSDN 实 际 上 是 MSDN Library。MSDN Library 涵 盖 了 微软 全 人 套 可 开发 产品 线 的 技术 开发 文档 
和 科技 文献 (部 分 包括 源 代码 ) ,当然 也 包括 一 些 MSDN 杂 志 节 选 和 部 分 经 典 书籍 的 节选 ,与 Visual 
Studio 2008 配 套 的 MSDN Library 是 MSDN Library For Visual Studio 2008 。 


4.2.2 ”安装 Cygwin 


Cygwin 是 一 个 在 Windows 平 台 上 运行 的 Linux 模 批 环境 。 它 对 于 学 习 Linux 操 作 环 境 ， 或 者 从 
Linux 到 Windows 的 应 用 程序 移植 ， 或 者 进行 基 些 特殊 的 开发 工作 ， 尤 其 是 使 用 GNU 工 具 集 在 
Windows 上 进行 衣 入 式 系 统 开 发 ， 非 常 有 用 。 
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本 书 选 择 的 是 Cygwin 的 本 地 安装 版 ,安装 程序 的 版 本 号 为 2.721。 下 面 介 绍 一 下 其 体 的 下 载 
和 安装 步 桑 。 
(1) 首先 下 载 Cygwin，Cygwin 的 安装 文件 很 容易 在 网 络 上 找到 。 目 前 国内 的 网 站 上 有 “网 络 
装 版 ”和 “本 地 安装 版 ”两 种 。 标 准 的 发 行 版 应 该 是 “网 络 安 装 版 "。 不 过 由 于 Cygwin 安 装 时 
et 分 都 在 国外 ， 因 此 对 于 网 速 不 好 的 朋友 ， 建 议 使 用 “本 地 安装 版 "。 但 
是 两 者 的 安 次 并 无 大 不 同 。 
(2) 双击 安装 文件 Setup.exe， 安 装 程序 会 进入 安装 界面 ， 如 图 4-5 所 示 。 


| Cygwin Setup 忆 到 起 下属 ES 


Cygwin Net Release Setup Program 


ee 
Cygwin environment as well as all subseguent updates. Make 
sure to remember where you saved tt. 


The pages that follow will guide you through the installation. 
Please note that Cygwin consists of a large number of 
packages spanning a Wide Variety of purposes. We only 
install a base set of packages by defaultt. You can ahwayws run 
this program at armvy time in the future to add, remowe, or 
upgrade packages as Necessary. 


GE 
Setup .exe version 2.721 
Copyriight 2000-2010 


http :A cgin Com 


cE 
图 4-5” Cygwin 的 安装 界面 


(3) 单 击 “ 下 一 步 ” 按钮 。 安装 程序 会 给 出 安装 方式 的 提示 , 一 共有 三 种 , 分 别 是 Install from 
Internet” 、“Download Without SS 、“Install from Local Directory”， 如 图 4-6 所 示 。“ Install 
from Internet” 是 直接 从 网 络 上 装 ， 适用 于 网 速 较 快 的 情况 ， “Install from Local Directory” 是 从 本 
地 安装 , 适用 于 下 载 了 “本 地 安装 a 版 本 的 用 户 ,“Download Without Installing” 是 不 直接 安装 
只 从 服务 如 上 下 载 文件 。 

如 果 大 家 下 载 的 是 “网 络 安装 版 ”版 本 ， 这 里 可 以 选择 “Install from Internet”; 如 有 果 大 家 下 
载 的 是 “本 地 安装 版 ”版 本 ， 这 里 可 以 选择 “Install from Local Directory”; 如 果 大 家 仅 需 要 下 载 
文件 (方便 以 后 再 次 安装 )， 这 里 可 以 选择 “Download Without Installing”。 

这 里 我 们 建议 下 载 “ 本 地 安装 版 ”版 本 ， 使 用 “Install from Local Directory”。 

(4) 单 击 “下 一 步 ” 按 钮 ， 我 们 需要 设置 Cygwin 的 安装 路 符 ， 必 须 使 用 默认 的 安装 目录 ,也 
就 是 “Ci\cygwin ”， 如 果 使 用 非 默 认 的 安 闭 目 录 ， 很 有 可 能 会 寻 臻 有些 包 安装 不 成 功 ， 给 后 期 编 
写 代码 或 编译 程序 带 来 麻烦 。 
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Choose A Download Source 
Choose whether to install or download from the intemet, or install from files in 
a local directory. 


©) Install from Intemet 
(downloaded files will be kept for future re-use) 


© Download Without Installing 


Install from Local Directory 


图 4-6 Cygwin 的 安 闭 方式 选择 页 


(5) 单 击 “ 下 一 步 ” 按 钮 ,安装 程序 会 给 出 Packages 的 选择 界面 ， 此 时 需要 根据 自己 的 需要 安 
装 对 应 的 Packages， 如 果 硬 盘 空间 够 大 的 话 ， 建 议 选 择 All (全 部 )。 笔 者 第 一 次 安装 的 时 候 就 是 
没有 看 清 这 一 步 ， 结 果 没 有 把 GCC 装 进去 ， 导 致 没 法 编译 文件 。 双 击 这 个 树 形 控件 的 选择 界面 的 
某 个 节点 ， 就 可 以 改变 它 的 状态 ， 有 Default (默认 )、Install (安装 )、Uninstall ( 钊 载 ) 、Reinstall 
(重新 安装 ) 四 种 状态 。 默 认 情 况 下 是 Default 状 态 ， 不 过 很 多 工具 的 Default 状 态 都 是 不 安装 。 笔 
者 在 这 里 将 All 这 一 行 上 后 面 的 Default 改 成 mnstall， 全 部 安装 ， 以 免 后 患 ， 防 止 以 后 交叉 编译 的 时 
候 缺 少 一 些 Package。 注 意 ， 这 里 的 树 形 控件 和 Windows 下 面 其 他 的 树 形 控件 不 一 样 ， 在 AlL 上 点 
击 和 在 All 这 一 行 后 面 的 Default 上 点 击 会 有 不 同 的 响应 。 选 择 Al 以 后 的 界面 如 图 4-7 所 示 。 


oon se scredcon 旨 ee 
Select Packages 
Select packages to install EC 


Search | Ge Okeep OPrev @cr OEp [Mew] Categoy 


Fackage 


日 局 1 4 Install 
hccessibility #¥ Install 
hdmin #¥ Install 
hrchive #¥ Install 
Audio #¥ Install 
Base *¥ Install 
Database #¥ Install 


图 Devel # Install 
Mi 


区] Hide obsolete packages 


《上 一 步 @) 


图 4-7 ”Cygwin 的 选择 界面 
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(0) 单 击 “ 下 一 步 ， 按 钮 ， 安 次 程序 会 根据 我 们 的 设置 进行 安 疼 。 出 现 图 4-8 表 示 Cygwin 已 经 


入 Cygwin Setup - Installation Status and Create Icons 


Create lcons 
Tell sstup i you want it to create a few icons for convenient access to the 
Cygwin environment. 


加 | Greate icon on Desktop 
加 | Add icon to Start Menu 


Installationm Status 
Installation Complete 


图 4-8 Cygwin 的 完成 页 


Cygwin 是 一 个 在 Windows 平 台 上 运行 的 Linux 模 所 环境 ， 所 以 Linux 命 令 在 上 和 面 都 可 以 运行 。 


表 4-1 给 出 了 几 个 简单 的 Linux 命 令 。 


表 4-1 Linux 命 令 


名 称 描 述 
pwd 显示 当前 路 径 
cd 改变 当前 路 径 ， 无 参数 时 进入 对 应 用 户 的 home 目 录 
ls 列 出 当前 目 好 下 的 文件 
ps 列 出 当前 系统 进程 
kill 杀 死 某 个 进程 
mkdir 建立 目录 
rmdir 删除 目录 
rm 删除 文件 
mv 文件 改名 或 目录 改名 
man 联机 帮助 


由 于 Linux 下 命令 大 多 部 有 很 多 参数 ， 可 以 组 合 使 用 ， 所 以 ， 每 当 你 不 会 或 者 记 不 消 楚 该 用 
哪个 参数 、 哪 个 开关 的 时 候 ， 可 以 用 man 来 查找 。 比 如 ， 我 想 碍 找 18 怎 么 使 用 ， 可 以 键入 


Ss man ls 
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4.2.3 ”安装 iOS 环 境 


iOS 的 环境 包括 了 iOS 的 开发 环境 Xcode 和 iOS 的 SDK， 目 前 OS 的 环境 只 能 在 苹果 公司 的 Mac 
操作 系统 上 使 用 ， 因 此 需要 准备 一 台 Mac 的 机 右 ， 但 是 每 个 人 都 准备 两 台电 脑 〈 一 台 Windows 操 
作 系 统 的 ,一 全 Mac 操作 系统 的 ) 是 不 怎么 现实 的 。 这 恕 体现 了 跨 平 台 开 发 引擎 的 好 处 :在 Windows 
操作 系统 上 开发 ， 在 Mac 操 作 系统 上 交叉 编译 发 布 ， 完 全 不 需要 为 每 位 开发 者 配置 Mac 电 脑 。 笔 
者 这 里 Mac 系 统 选择 的 是 10.6.4 版 本 ，Xcode 是 3.2.5 版 本 ，iOS 的 SDK 是 4.2 版 本。 下面 我 们 惑 开 始 
安装 iO0S 环 境 。 

(1) 首先 下 载 Xcode3.2.35 和 1i0OS4.2 的 SDK ， 从 平 果 公 司 的 网 站 上 和 下载 安装 文件 xcode 3.2.5 _ 
and ios_sdk 4.2 final.dmg。 双击 该 安装 文件 ,安装 程序 会 进入 安装 界面 ,如 图 4-9 所 示 。 其 中 "About 
Xcode and iOS SDK” 是 一 个 PDF 格 式 的 帮助 文件 , “Xcode and 10S SDK” 则 古 真 正 的 安装 文件 。 


Vaolumes/Xcode and iQS SODK 
了 1 观 ( 共 4 项) ，247.2 ME 可 用 
| 


站 


‘D3_store About Xcode and ji 加 SOK Packages 


D3 


Xcode and i05 SOK 


图 4-9 ”1OS 的 安装 寞 面 


(2) 双击 安放 文件“Xcode and iOS SDKE ， 出 现 一 个 介绍 的 界面 ， 如 图 4-10 所 示 。 


蕊 安装 "Xcode and iOS SDK" 
欢迎 使 用 “Xcode and iOS SDK" 安 装 器 


Welcome to the Xcode Tools Installation Program, You will be guided 
@ 介绍 through the steps necessary to install Xcode Tools and the iDS SDK. 


四 汁 可 

gg iOS SDK License 
@@ 目的 宗 卷 

得 安装 类 型 

全 妇 装 

9 摘要 


4 返回 ( ”继续 


图 4-10 ”iOS 的 介绍 界面 
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(3) 单 击 “ 继 续 ” 按 钮 ， 安 闭 程 序 开 始 进 入 许可 协议 的 处 理 ， 许 可 协议 包括 中 文 协议 和 英文 
协议 两 份 (如 果 不 同意 该 许可 协议 ， 则 不 允许 安装 程序 )。 分 别 同 意 两 份 许 可 协议 。 中 文 许可 协 
议 的 界面 如 图 4-11 所 示 ， 瑞 文 许可 协议 的 界面 如 图 4-12 所 示 。 

AOO 蕊 安装 "Xcode and iOS SDK" 


软件 许可 协议 
中 文 (简体 中 文 ) 


1 APPLEINC. 
Se 
NEE OP bE 抽 


a “ 同 
人 ca es 人 本 旋 

件 并 点 南 不 同意 键 。 对 

阁下 须 交还 整套 组 装 磋 


bb, 
人 i 了 


| ee i 


eloper 和/ 瑟 / 
可 阁下 使 用 而 非 售 予 阁下 ， 两 名 漳 下 只 可 


图 4-11 ”iOS 的 中 文 许可 协议 界面 


SNele 蕊 安装 "Xcode and iOS SDK" 
Software License Agreement 
| English $1 


Apple Inc. 
iOS SDK Agreement 
Internal Use Only; No Redistribution 


PLEASE SCROLL DOWN AND READ ALL OF THE FOLLOWING 

TERMS AND CONDITIONS CAREFULLY BEFORE USING THE 

SOFTWARE. THIS IS A LEGAL AGREEMENT BETWEEN YOU AND 
// ‘| APPLE.IF YOU AGREE TO BE BOUND BY ALL OF THE TERMS 


“| AND CONDITIONS, CLICK THE "AGREE"” BUTTON OR CHECK 
| THE BOX DISPLAYED AT THE END OF THIS AGREEMENT IF YOU 
“| AREREADINGTHIS ON AN APPLE WEBSITE. BY CLICKING 

3 "AGREE", CHECKING THE BOX OR BY DOWNLOADING, USING 
OR COPYING ANY PART OF THIS SDK, YOU ARE AGREEING ON 
YOUR OWN BEHALF ANDIOR ON BEHALF OF YOUR COMPANY 
TO THE TERMS AND CONDITIONS STATED BELOW. IF YOU DO 
NOT OR CANNOT AGREE TO THE TERMS OF THIS AGREEMENT, 
YOU CANNOT USE THIS SDK. DO NOT DOWNLOAD OR USE THIS 
SDK IN THAT CASE. : 


OTE: You undorstand and agroo that this Agroomont is only for 


ee 


图 4-12 ”1OS 的 美文 许可 协议 界面 


(4) aan oe 7 后 进入 组 件 选 择 的 界面 ， 如 图 4-13 所 示 。 其 中 “Xcode Toolset 
必须 安装 ， 其 余 可 以 不 安装 。“iOS SDK” 就 是 10S 的 SDK,“Documentation” 则 是 一 些 开发 需 


的 文档 。 
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ee 量 安装 "Xcode and iDS SDK" 
在 “mac" 上 进行 自 定安 装 
ee 

软件 包 名 称 | 位置 操作 | 大 小 | 

日 介绍 YE 区 Essentials 国 ceveloper  ; 8.64 GB 
区 Xcode Toolset 升级 1.75 GB 
WM iOs sDK 安装 6.89 GB 

WV System Tools 升级 55.5 MB 

区 UNIX Development 升级 B08.6 MB 

区 Documentation 安装 0 kB 

口 Mac OS X 10.4 SDK 跳 过 0 KB 


得 余 : 278.35 GB 


图 4-13 ”iOS 的 组 件 选 择 界 面 


(5) 单 击 “ 继 续 ” 按 钮 ， 安 装 程 序 进 入 下 一 步 ， 主 要 是 设置 安 猜 目录， 如 图 4-14 所 示 。 为 了 
方便 起 见 ， 一 般 者 使 用 默认 设置 。 当 然 也 可 以 通过 “更 改 安 痰 位 置 ” 按 钮 来 修改 安 闭 目录 。 


Anon 莫 安装 "Xcode and iQS SDK” 
在 “mac" 上 进行 标准 安装 


这 将 占用 您 的 电脑 上 的 .9.53 GB 空间 。 
站 “安装 ”以 在 磁盘 “mac” 上 执行 此 软件 的 标准 安 


返回 ”) (安装 ) 
图 4-14 ”1OS 的 安装 目录 设置 界面 


(6) 单 击 “ 安 实 ”按钮 ， 安 准 程 序 会 出 现 授 权 的 界面 ， 如 图 4-15 所 示 。 
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人 NN 请 键入 您 的 密码 以 允许 "安装 器 "来 进行 更 改 。 


名 称 : test 
kb 晤 节 


图 4-15 ”iOS 的 授权 界面 


(7) 在 图 4-15 所 示 的 界面 中 输入 正确 的 用 户 名 和 密码 ， 安 装 程序 就 开始 正式 安装 了 。 出 现 图 
4-16 表 示 Xcode 和 1OS SDK 安 装 成 功 。 


图 4-16 ”1iOS 的 完成 页 


4.2.4 ”安装 Android 环 境 


Android 的 环境 包括 了 Android 的 SDK (Software Development Kit) 和 Android 的 NDK (Native 
Development Kit) ， 现 在 分 别 介 绍 一 下 这 两 个 工具 。 

Android 的 SDK 是 Android 系 统 对 外 提供 的 基于 Java 接 口 的 软件 工具 包 。Android 的 SDK 包 含 了 
下 列 组 件 : Android 的 模拟 如 、Android 罗 开发 文档 、Android 示 例 源码 以 及 相关 的 调试 工具 。 

Android 的 NDK 是 Android 系 统 对 外 提供 的 基于 C++ 接 口 的 软件 工具 包 。 Android 的 NDK 不 能 


独 存 在 ， 需 要 依赖 Android 的 SDK。 它 包括 下 面 三 个 部 分 。 
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(1) 提供 了 一 系列 的 工具 ， 帮 助 开发 者 快速 开发 C 或 C++ 的 动态 库 ， 并 能 自动 将 so 文件 〈 基 于 
Linux 内 核 的 系统 的 可 执行 文件 ) 和 Java 应 用 一 起 打包 成 Android 的 可 执行 文件 (apk 文 件 )。 

(2) 集成 了 交叉 编译 绒 ， 开 发 人 员 只 需要 简单 修改 编译 脚本 文件 (指出 “哪些 文件 需要 编译 
和 “编译 特性 要 求 ” 等 ) 就 可 以 创建 出 so 文件 。 

(3) 提供 了 一 份 稳定 、 功 能 有 限 的 API 头 文件 声明 。 

下 面 我 们 就 开始 安装 Android 环 境 ， 首 先 安装 Android 鸭 SDK。 

(1) 首先 从 网 站 上 下 载 Android 的 SDK 的 安装 文件 ， 笔 者 写本 书 的 时 候 ， 最 新 的 版 本 为 
android-sdk rll-windows.zip。 

(2) 解压 缩 android-sdk rl11-windows.zip 得 到 安装 文件 SDK Setup.exe， 双 击 该 安装 文件 ， 安 装 
程序 会 进入 安装 界面 , 如 图 4-17 所 示 。 如 果 出 现 错误 提示 (Failed to fetch URL)，, 那么 需要 在 Setting 
(设置 ) 内 选择 “Force https://... sources to be fetched using http://...” 和 选项， 选择 之 后 ， 安 装 包 会 重 
新 去 下 载 包 的 列表 ， 如 图 4-18 所 示 。 


上 二 Android SDK and AVD Manager = Xx , 


Virtual devices SDK Location: E:\android-sdk-windows 
Installed packages 


Available packages Installed packages 


Settings E Android SDK Tools, revision 11 
About 


Description 


图 4-17 ”Android SDK 的 安装 界面 


(3) 此 时 ， 应 该 可 以 得 到 图 4-19 所 示 的 界面 。 在 这 里 ， 我 们 就 可 以 选择 需要 安装 的 包 。 如 果 
网 速 够 快 的 话 ， 直 接 选 择 “Accept All”， 然 后 单 击 Install 按 钮 。 安 装 程 序 束 开始 日 动 安 汪 选 择 的 
包 了 。 这 里 需要 注意 的 是 ,安装 的 过 程 中 没有 碗 择 路 作 的 地 方 ， 安装 程序 默认 将 下 载 的 SDK 包 放 
在 当前 目录 中 。 

(4) 接 下 来 的 时 间 就 是 等 待 安 痊 程 序 安装 完成 了 。 

Android 的 SDK 安 装 完成 以 后 ， 就 可 以 安装 Android 的 NDKT 了 ，。 

(1) 首先 从 网 站 上 下 载 Android 的 NDK 的 安装 文件 ， 笔 者 写本 书 的 时 候 ， 最 新 的 版 本 为 


android-ndk-rSc-windows.zip。 
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(2) 将 下 载 好 的 android-ndk-r5c-windows.zip 文 件 解压 缩 到 任何 目 孙 即 可 ， 作 者 选择 的 走 
Ci\cygwin\android-ndk-r5c 这 个 目录 。 


Virtual devices Proxy Settings 
Installed packages 
Available packages 


HTTP Proxy Server 


Settings 
HTTP Proxy Port 
About 


Misc 
| Force https://... sources to be fetched using http://... 
yjAsk before restarting ADB 


图 4-18 Android SDK 的 出 现 错误 提示 时 的 安 疙 界面 


| 
BB Choose Packages to Instal NT 
Mh 


Packages Package Description & License 


| Android SDK Platform-tools， revisio... 全 Package Description 
ww Documentation for Android SDK A... | = Android SDK Platform-tools, revision 5 


~ SDK Platform Androld 3.1 API 12, r... 村 
Dependencies 
“~v SDK Platform Androld 3.0, API 11, r... This package is a dependency for: 


“~ SDK Platform Androld 2.3.3, API 10,... - Android SDK Tools, revision 11 
~ SDK Platform Android 2.3.1 API 9, ... 


SDK platform Android 2.2, API 8, re. Archive Description 
Archive for Windows 


~ SDK Platform Androld 2.1 API 7, re... 
“~v SDK Platform Android 1.6, API 4, re... © Accept © Reject 5) Accept All 


图 4-19 ” ”Android SDK 的 包 选 择 页 


4.2.5 ”安装 沃 Phone 环 境 


添 Phone 的 环境 包括 了 沃 Phone 的 SDK、TOPS Builder 和 沃 Phone 助 手 ， 下 面 我 们 先 分 别 介绍 
一 下 这 几 个 工具 包 。 

沃 Phone 的 SDK 包 括 一 套 完 整 的 手机 软件 开发 工具 , 能 够 帮助 广大 开发 者 在 沃 Phone 平 台 上 开 
发 丰富 多 彩 的 手机 应 用 软件 。 它 不 但 用 于 开发 基于 C/C++ 的 手机 应 用 软件 ， 而 且 还 能 移植 Java 手 
机 应 用 软件 ， 生 成 Widget 手 机 小 插件 。 沃 Phone 的 SDK 包 括 以 下 几 部 分 : 

(1) 基于 C/C++ 的 沃 Phone 应 用 程序 开发 框架 编程 接口 ， 包 含 丰富 的 GUI 控件 以 及 系统 功能 模 


闫 篇 
7 \ 
1 \ 
1 1 
1 1 
\ 7 
全 ’ 
~ 了 
i 


”4.2 ”环境 搭建 


块 (TCOM) 接口 ; 

(2) Java 运 行 环 境 和 编程 接口 ; 

(3) Widget 运 行 环境 和 编程 接口 ， 

(4) 非常 逼真 的 Windows 平 台 上 的 放 Phone 仿 真 井 ， 用 于 开发 和 调试 软件 ， 

(5) 一 系列 完善 的 开发 辅助 工具 , 包括 沃 Phone 工 程 癌 导 、TOPS Builder. 沃 Phone 助 手 、TMK3、 
TzdStrConv V1 等 ，; 

(6) 各 类 开发 文档 ， 包 括 添 Phone 应 用 开发 指南 和 沃 Phone SDK 接口 — 

(7) 实用 的 安装 打包 工具 ,开发 者 在 完成 沃 Phone 应 用 软件 开发 之 后 ， 装 工 具 打 包 ， 妈 
可 在 沃 Phone 平 台 上 安装 运行 。 

本 书 选 择 的 沃 Phone 的 SDK 版 本 为 WOPhone-SDK 2011-04-27.zip。 

TOPS Builder 是 一 球 为 沃 Phone 应 用 程序 开发 量 身 定做 的 资源 IDE 制 作 软 件 ， 内置 徇 单 易 用 的 
所 见 即 所 得 资源 IDE 编 辑 禹 。 它 使 开发 者 从 繁 珊 的 界面 代码 中 解脱 出 来 ， 只 使 用 一 个 软件 就 可 以 
轻松 地 完成 添 Phone 应 用 程序 软件 的 界面 制作 。TOPS Builder 采 用 .TRG 和 .TR3 格 式 来 保存 所 制作 
的 界面 ， 使 资源 文件 通用 性 增强 。 

沃 Phone 助 手 是 一 个 Windows 应 用 软件 ， 它 可 以 帮助 开发 者 使 用 沃 Phone 仿 真 右 的 一 些 特 性 ， 
并 向 沃 Phone 系 统 注册 应 用 。 开 发 者 通过 沃 Phone 助 手 可 以 快速 启用 沃 Phone OS 仿真 器 。 

下 面 我 们 束 开 始 安 装 添 Phone 环 境 ， 首 先 安 装 添 Phone 的 SDK。 

(1) 首先 从 网 站 上 下 载 WOPhone-SDK 2011-04-27.zip。 

(2) 解压 we pe .Zip 得 到 安装 文件 WOPhoneSDK-setup.exe， 双 击 该 安装 
文件 ， 安 装 程 序 会 进入 安装 界面 ， 如 图 4-20 所 示 。 


欢迎 使 用 “法 Phone SDK” 安 装 向 导 


祭 个 同 写 将 指引 你 寺 成“ 流 Phone SDE” te 。 
人 并 如 衣装 名 | 天 应 用 
a 二 和 是 烤 训 


单 击 [下 一 步 镶 )] 继续 。 


图 4-20” 沃 Phone SDK 的 安装 界面 
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(3) 单 击 “ 下 一 步 ” 按 钮 ， 安 闯 程 序 会 给 出 “开始 荣 单 ”文件 夹 的 设置 ， 如 图 4-21 所 示 。 


Yi EPhone SD 


选择 “ 开 姐 荣 单 ” 交 件 支 
选择 “开始 莱 单 ” 束 件 夹 ; 用 于 程序 的 块 捷 方 式 ,。 


hecessories 
hdministrative Tools 
hdobe 

PEWIiF1 Foute 


DT Java Decompiler vw.3.11.11.95 
Elaborate Bvtes 


= TT 


图 4-21 沃 Phone SDK 的 “开始 菜单 ”设置 页 
(4) 单 击 “安装 ”按钮 ， 安 装 程序 开始 安装 。 出 现 图 4-22 表 示 沃 Phone 的 SDK 已 经 


正在 完成 “ 试 Phone SDE” 安 装 向 导 


Phone 本 Et 
单身 家 7] 同和 : 


< 上 一 步 让) | 全 宗 成 ii | 职 消 心 ) 


图 4-22” 沃 Phone SDK 的 完成 页 


为 了 统一 使 用 沃 Phone 的 SDK， 目 前 沃 Phone 的 SDK 必 须 放 在 D:\Work7 目录 中 ， 
么 安装 程序 不 让 我 们 自 定 义 安 装 目 如 的 原因 。 
沃 Phone 的 SDK 安 装 完成 以 后 ， 可 以 安装 TOPS Builder 和 沃 Phone 助 手 。 
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安 疼 成 功 。 


这 也 征 为 什 
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TOPS Builder 的 安装 文件 TOPS-Builder-Setup.exe 可 以 在 D:\Work 八 目录 找到 。 下 面 开 始 介 
TOPS Builder 的 安装 


(1) 双击 安 产 文件 TOPS_Builder Setup exe， 安 次 程序 会 进入 安 疼 界面 ， 如 图 4-23 所 示 。 


7070 王 到 三 王 


区 如 使 用 “TOPS Builder 1.3” 安 装 
nn 


内 个 向 号 将 指 3 | 你 完成 “TOFS Builder 1.3” 的 安装 进 


ed 


单 击 [下 一 步 的 ] 维 续 。 


图 4-23 ”TOPS Builder 的 安装 界面 


CO) 单 击 “ 下 一 步 ， 按 钮 ， 安 姜 程 序 会 给 出 安 凄 路径 的 设置 ， 如 图 4-24 所 示 。 


EE 
选择 安装 薄 置 
选择 “TOPS Builder 1.3” 的 宏 装 康 件 夹 。 


Setup TOPS Builder 1.3 任 下 列 近 件 来 。 装 到 咎 同文 件 夹 ， 单 击 [浏览 
名 ]] "| 其 届 的 如 件 来 。 单 击 [下 一 步 8)] 二 


目标 文件 来 


所 款 室 间 : 17.BWB 
可 用 空间 : 52. 1158 


Tranrda 


图 4-24 TOPS Builder 安 装 的 安装 路 径 设 置 页 


(3) 单 击 “ 下 一 步 ” 按 钮 ， 安 痰 程序 会 给 出 “开始 菜单 ”文件 夹 的 设置 ， 如 图 4-25 所 示 。 
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妹 择 “开始 莱 单 ” 交 件 去 
选择 “开始 荣 单 ” 文 件 夹 ， 用 于 程序 的 快捷 方式 。 


hecessories 

hdministrative Tools 

hdobe 

PEPEWIFL Route 

Pxure 

Cyewin 

DT Java Decompiler vw.3.11.11.935 
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ffs [CBE 


图 4-25 TOPS Builder 安 装 的 “开始 菜单 ”设置 页 


(4) 单 击 “安装 ”按钮 ， 安 疙 程序 开始 安 活 。 出 现 图 4-26 表 示 TOPS Builder 已 经 安装 成 功 。 


Dr 


正在 守成 “TQOPS Builder 1.3” 安 装 
癌 导 


TOFS Builder 1.3” 三 你 的 圣 统 。 
站 


区 | 运行 TOPS Builder 1.31tk) 


TE 取消 站 


图 4-26 TOPS Builder 安 装 的 完成 页 


试 Phone 助 手 的 安装 文件 UTops-setup.exe 可 以 在 D:\Work 入 目录 找到 。 下 面 开 始 介 绍 斌 Phone 
助手 的 安装 

(1) 双击 安装 哑 文 件 UTops-setup.exe， 安 闭 程 序 会 进入 安装 界面 ， 如 图 4-27 所 示 。 

(2) 单 击 “ 下 一 步 ” 按 钮 ， 安 装 程序 会 给 出 安装 路 径 的 设置 ， 如 图 4-28 所 示 。 
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i UTOPS 2.0.0.136 安装 


站 “TTOPS 2.0.0.136” 安 装 向 


说 个 向 导 将 指引 人 完成 “UTDFS 2.0.0.136” 的 安装 进 


i 之 前 ; 建 说 洁 关 闭 其 他 所 有 应 用 程序 。 让 
A 号 们 用 业 大 和 时 


单 击 [下 一 步 0)] 继续 。 


图 4-27 沃 Phone 助 手 的 安装 界面 


UTOPS 2.0.0.136 安装 


选择 安装 位 次 
选择 “UTOPS 2.0.0.136” 的 声 装 浆 件 夹 。 


Was .2 0.0. 1 在 下 装 到 不 同文 件 来 ， 单 击 [浏览 
证 半 清 疆 作 让 全 学 直 让 2 站 前 村: 


Si 


所 需 空 间 : 22. 3 
可 用 空间 : 要 .86B 


深圳 市 全 智 过 科技 有 限 公司 


5 加 [ED 


图 4-28” 放 Phone 助 手 的 安装 路 径 设 置 页 


(3) 单 击 “ 下 一 步 ” 按 钮 ， 安 装 程 序 会 给 ae 文件 夹 的 设置 ， 如 图 4-29 所 示 。 

(4) 单 击 “ 安 装 ” 按 钮 ， 安 装 程 序 开 始 安 过 程 中 需要 问 系 统 内 注册 一 些 沃 Phone 的 
驱动 ， 在 Windows 7 中 会 出 现 图 4-30 的 问题 ， ee “始终 安装 此 驱动 程序 软件 ”。 

(5) 出 现 图 4-31 表 示 沃 Phone 助 手 已 经 安装 成 功 。 
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《> UTOPS 2.0.0.136 安装 


选择 “开始 菜单 ”文件 去 
选择 “开始 菜单 ”文件 夹 ， 用 于 程序 的 快捷 方式 。 


大 “开始 菜单 ”文件 夹 ， 以 便 创 建 程序 的 快捷 方式 。 你 也 可 以 输入 名 称 ， 创 建新 次 


360 安 全 必 可 3 
360 示 
365 日 历 
T-Z1ip 
Accessories 
Active Desktop Calendar 
Administrative Tools 
Adobe 
APWIiF1I Route 

ure 
CyberLink PowerDVD 
Cyewin 


穴 诈 市 全 智 达 科 技 有 限 公司 


图 4-29” 沃 Phone 助 手 的 “开始 菜单 ”设置 页 


er 


/于 | 
网 Windows 安全 


& Windows 无 法 验证 此 驱动 程序 软件 的 发 布 者 


3 不 安装 此 驱动 程序 软件 (N) 
应 查看 制造 商 的 网 站 ， 获 得 设备 的 更 新 驱动 程序 软件 。 


全 始终 安装 此 驱动 程序 软件 (]) 
仅 安装 来 自制 造 商 网 站 或 光盘 的 驱动 程序 软件 。 其 他 来 源 的 未 签名 软件 可 能 会 
损坏 您 的 计算 机 或 窃取 信息 。 


(Y) 音 看 详细 信息 (D) 


图 4-30” 话 Phone 助 手 的 驱动 往 册 


Sop 2700 


是 在 元 成 “UTOPS 2. 0. 0.136” 安 装 向 


“UTOPS 2.0.0.136” 品 安装 在 你 的 系统 。 
单 击 [完成 全 )] 关闭 生计 


网 | 运行 VTOFS 2.0.0.136 (R) 


回 查 看 帮助 文档 


< 上 一 步 (F) 取消 (C) 


图 4-31 沃 Phone 助 手 的 完成 页 
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4.3 环境 测试 之 Hello World 案 例 


沃 Phone OS 仿 真 右 是 斌 Phone SDK 包 含 的 应 用 程序 手机 仿真 平台 ， 它 在 PC 上 模拟 添 Phone 手 
机 运行 环境 ， 使 开发 者 可 以 方便 地 进行 手机 模拟 开发 ， 并 能 配合 Visual Studio 2008 的 调试 器 工具 
进行 代码 调试 。 图 4-32 就 是 该 仿真 器 的 界面 。 


ES 


中 国联 通 


图 4-32” 沃 Phone OS 仿真 器 


4.2.6 ”安装 cocos2d-x 引 擎 


在 第 3 章 里 我 们 已 经 初步 了 解 了 cocos2d-x， 现 在 我 们 就 开始 安装 cocos2d-x 这 个 游戏 引擎。 
(1) 首先 从 网 站 上 下 载 cocos2d-x。 由 于 这 个 引擎 是 开源 的 ， 所 以 你 下 载 到 的 就 是 产 代 码 。 
(2) 将 下 载 好 的 cocos2d-x 源 代码 放 到 DA\Work 入 。 目 孙 结 构 如 “D:NWork7\cocos2d-x” 即 可 。 
至 此 ， 大 家 已 经 安装 好 了 跨 平台 的 开发 环境 ， 可 以 稍微 唱 茶 庆 视 一 下 了 了。 


4.3 ”环境 测试 之 Hello World 案例 


现在 我 们 已 经 准备 好 了 开发 环境 ， 有 了 这 个 环境 ， 就 可 以 开始 搭建 目 己 的 第 一 个 跨 平 台 的 
游戏 。 
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“Hello World” 程 序 指 的 是 在 计算 机 屏幕 上 输出 “Hello World” 这 行 字符 串 的 计算 机 程序 。 
一 般 来 说 ,这 是 每 一 种 计算 机 编程 语言 中 最 基本 、 最 简单 的 程序 , 通常 是 初学 者 学 习 一 个 新 的 平 
台 、 一 种 新 的 语言 所 编写 的 第 一 个 程序 。 同 时 还 可 以 用 来 确定 该 平台 、 该 语言 的 编译 帮 、 开 发 环 
境 以 及 运行 环境 是 否 已 经 安装 妥当 。 将 输出 字符 串 “Hello World” 作 为 第 一 个 示范 程序 ， 现 在 已 
经 成 为 编程 语言 学 习 的 传统 。 因 此 ， 我 们 也 是 将 “Hello World” 作 为 我 们 的 第 一 个 游戏 。 

cocos2d-x 引 警 默 认 也 提供 了 一 个 跨 平 台 的 “Hello World” 实 现 。 下面 我 们 就 看 看 这 个 “Hello 

World” 游 戏 在 Windows、iOS、Android[ 以 及 沃 Phone 上 的 运行 效果 。 


4.3.1 Windows 运 行 


cocos2d-x5| 擎 针对 Windows 平 台 提 供 了 两 个 解决 方案 文件 , 分别 是 面 癌 vc2008 的 解决 方案 文 
件 cocos2d-win32.vc2008.sln 和 面 同 vc2010 的 解决 方案 文件 cocos2d-win32.vc2010.sln。 我 们 这 里 使 
用 的 就 是 面向 vc2008 的 解决 方案 文件 。 

(1) 使 用 Visual Studio 2008 打 开 解 决 方案 文件 cocos2d-win32.vc2008.sln， 如 图 4-33 所 示 。 


i 


下 
[eg 和 解 岂 方案 'cocos2d-win32,wc2008" [6 个 项 目 ) 


- Helloworld 


向 图] libBox2D 

9 目 j libchipmunk 
相国 libcocos2d 

四- ElibCocosDenshion 
0 国 tests 


图 4-33 ”解决 方案 cocos2d-win32.vc2008 的 6 个 子 项 目 


(2) 解决 方案 cocos2d-win32.vc2008 一 共 包 含 了 6 个 子 项 目 ， 有 具体 介绍 见 表 4-2。 


表 4-2 解决 方案 cocos2d-win32.vc2008 中 6 个 子 项 目的 介绍 


项 目 名 称 项 目 描述 
libcocos2d 引擎 的 核心 项 目 
libCocosDenshion 声音 解决 方案 的 项 目 
libBox2D 物理 引擎 Box2D 人 解决 方案 的 项 目 
libchipmunk 物理 引擎 chipmunk 解 决 方案 的 项 目 
Hello World 最 人 简单 的 游戏 项 目 
tests 引擎 API 的 示例 项 目 
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(3) 将 Hello World 项 目 设置 为 启动 项 目 。 设 置 的 方法 是 : 选中 Hello World 项 目 ， 点 击 右键 后 ， 
在 弹出 菜单 上 选择 “ 设 为 启动 项 目 ” 即 可 。 

(4) 生成 Hello World 项 目 。 生 成 的 方法 是 : 选中 Hello World 项 目 ， 点 击 右键 后 ， 在 弹出 菜单 
上 选择 “生成 ” 即 可 。 

(5) 运行 Hello World 项 目 。 运 行 的 方法 是 : 选中 Hello World 项 目 ， 点 击 右键 后 ， 在 阐 出 某 单 
上 选择 “调试 一 启动 新 实例 ” 即 可 。 运 行 的 效 末 如 图 4-34 所 示 。 


到 
下 | cocos2d: Hello World 


vel lo World 


图 4-34 Hello World 游 戏 在 Windows 上 运行 


4.3.2 iOS 运行 


cocos2d-x5| 敬 针对 1OS 平 台 没 有 提供 专门 的 解决 方案 文件 ， 需 要 项 目的 代码 和 资源 文件 复制 
到 Mac 操 作 系 统 上 ， 然 后 在 Mac 操 作 系 统 上 使 用 开发 工具 Xcode 编译 生成 OS 有 的 可 执行 文件 ， 将 其 
部 团 到 iPhone 或 者 Pad 上 ， 最 终 运 行 的 效 玉 如 图 4-35 所 示 。 

基于 cocos2d-x 引 获 的 游戏 如 何在 Mac 上 编译 的 相关 知识 将 在 下 一 章 介 绍 。 


Hello World 


图 4-3$ Hello World 游 戏 在 10OS 上 运行 
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4.3.3 Andriod 运 行 


cocos2d-x5| 敬 针对 Android 平 台 同 样 没 有 提供 专门 的 解决 方案 文件 ， 需 要 使 用 交 又 编译 工具 
Cygwin 手 动 交 叉 编 译 生 成 Android 的 可 执行 文件 (apk 文 件 ) ， 然 后 将 apk 文 件 部 署 到 Android 手 机 
上 ， 了 最 终 运行 的 效果 如 图 4-36 所 示 。 


Hello World 


图 4-36 ”Hello World 游 戏 在 Android 上 运行 
关于 交叉 编译 的 相关 知识 将 在 下 一 章 介 绍 
4.3.4 ” 沃 Phone 运 行 


cocos2d-x5| 获 针对 沃 Phone 平 台 提 供 了 单独 的 解决 方案 文件 cocos2d-wophone.sln， 现 在 就 来 
介绍 如 何 使 用 这 个 解决 方案 文件 运行 斌 Phone 的 应 用 。 
(1) 使 用 Visual Studio 2008 打 开 解 决 方案 文件 cocos2d-wophone.sln， 如 图 4-37 所 示 。 


: 周知 解决 方案 'cocos2d- -wophone' (6 个 项 目 ) 
由 名 | Box2D 
由 i chipmunk 


H 有 cocos2d 
由 有 本 CocosDenshion 


大 叫 2| HelloWorld 
4 I tests 


图 4-37 解决 方案 cocos2d-wophone 的 6 个 子 项 目 


(2) 解决 方案 cocos2d-wophone 一 共 包 含 了 6 个 子 项 目 ， 有 具体 介绍 见 表 4-3。 
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表 4-3 ”解决 方案 cocos2d-wophone 中 6 个 子 项 目的 介绍 


项 目 名 称 项 目 描述 
cocos2d 引擎 的 核心 项 目 
CocosDenshion 声音 解决 方案 的 项 目 
Box2D 物理 引擎 Box2D 解 决 方案 的 项 目 
chipmunk 物理 引擎 chipmunk 解 决 方案 的 项 目 
Hello World 最 简单 的 游戏 项 目 
tests 引擎 API 的 示例 项 目 


(3) 将 Hello World 项 目 设置 为 启动 项 目 。 设 置 的 方法 是 : 选中 Hello World 项 目 ， 点 击 右键 后 ， 
在 弹出 菜单 上 选择 “ 设 为 局 动 项 目 ” 即 可 。 

(4) 生成 Hello World 项 目 。 生 成 的 方法 是 : 选中 Hello World 项 目 ， 点 击 右键 后 ， 在 阐 出 某 单 
上 选择 “生成 ” 即 可 。 

(5) 局 动 TOPS 助 手 并 运行 试 Phone OS 仿真 姻 。 启 动 的 方法 是 : 在 开始 菜单 “ 沃 Phone SDK\TOPS 
Buildern\ 工 具 ” 里 ,打开 “TOPS 助 竹 ” 程 序 即 可 。 沃 Phone 助 手 启 动 完成 后 ， 此 时 在 Windows 任 务 
栏 通知 区 域 可 看 到 沃 Phone 助 手 图 标 , 在 图 标 上 点 击 右键 , 选择 “自动 模式 启动 "， 如 图 4-38 所 示 。 


执行 T763 程 序 (U) 
执行 "HelloWorld.dll "加 


图 4-38 ” 目 动 模式 局 动 


(6) 运行 Hello World 项 目 。 运行 的 方法 是 : 等 第 5 步 念 真 如 运行 完成 后 , 选中 Hello World 项 目 ， 
尽 击 右键 后 ， 在 弹出 玉 单 上 选择 “调试 一 启 动 新 实例 ” 即 可 。 运 行 的 效 末 如 图 4-39 所 示 。 
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图 4-39 ”Hello World 游 戏 在 沃 Phone 上 运行 
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读者 按照 本 步骤 运行 cocos2d-x 引 擎 在 沃 Phone 上 的 Hello World 时 ， 可 能 会 出 现 图 4-40 所 示 的 
错误 。 这 时 不 要 怀 惰 ， 此 错误 产生 的 原因 是 : 沃 Phone 仿 真 絮 集成 了 旧版 本 的 cocos2d-Xx， 与 编译 
产生 的 cocos2d-x 冲 突 。 解 决 方案 是 : 将 仿真 帮 中 目 带 的 cocos2d-x 库 删除 ，cocos2d-x 包 括 两 个 文 
件 〈 即 libcocos2d.d11 和 1libCocosDenshion.dll ) ，cocos2d-x 文 件 目录 在 D:VWork7\PRJ TG3\Common\ 
SoftSupport。 


: = -= 5 
| -PF BL 
opyWithZone 克 CCSpeed 加 cocos2d 多 UAEPAYCCObject 二 2 多 Pp 


Eh 


VCCZone 交 2 本 于 ZY 于 动 志 链 接 库 bcocos2d.dl| 上 。 


图 4-40” 沃 Phone 的 仿真 器 集成 旧版 本 的 cocos2d-x 有 时， 游戏 运行 错误 


4.4 总结 


本 章 首先 介绍 如 何 搭建 跨 平台 的 开发 环境 ， 包 括 开 发 工具 Visual Studio、 交 又 编译 Cygwin.、 
iOS 环 境 、Android 环 境 、 族 Phone 环境 和 跨 平 台 的 游戏 引擎 cocos2d-x， 然 后 我 们 将 经 典 的 Hello 
World 在 这 几 个 平台 上 运行 成 功 了 。 

下 一 章 将 开始 学 习 cocos2d-x 引 | 擎 的 基础 知识 以 及 如 何 交 又 编译 游戏 等 。 
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第 5 章 
cocos2d-Xx 引 擎 基础 使 用 


在 第 4 章 ， 我 们 已 经 搭建 了 跨 平 台 的 手机 游戏 开发 环境 ， 本 草 开 始 学 习 cocos2d-x 引 擎 。 在 本 
章 里 我 们 将 围绕 着 游戏 讲解 开发 过 程 中 的 各 个 部 分 ， 包 括 整 体 架 构 、 图 形 、 动 画 和 布局 等 。 


5.1 整体 架构 


有 这 样 一 个 游戏 设计 :该 游戏 一 共有 5 个 关卡 ， 每 个 关卡 有 自己 的 地 图 ， 关 卡 之 间 的 切换 需 
要 有 一 些 转 场 的 动画 。 在 任意 一 个 关卡 上 都 有 不 同 的 人 物 角 色 (包括 英雄 和 怪物 )， 各 人 物 角 色 
的 动作 定义 如 下 : 英雄 可 以 追 打 怪 物 ， 而 怪物 被 英雄 追 打 时 会 逃跑 。 除 了 英雄 和 怪物 以 外 ,还 有 
一 些 路 人 ， 其 中 路 人 甲 是 围观 的 、 路 人 乙 是 打 效 油 和 在 一 旁 做 俯卧 撑 的 。 除 了 这 些 人 物 之 外 , 天 
空中 还 有 监 天 和 白云 。 

针对 上 面 这 样 一 个 游戏 设计 ， 我 们 会 先 设计 一 下 游戏 的 界面 流转 ， 请 见 图 5-1。 


| 设置 界面 
EE 


图 5-1 ”游戏 的 界面 流转 
现在 ， 我 们 仔细 分 析 一 下 图 5-1， 开 场 动画 主要 是 显示 游戏 刚 开 始 时 的 动画 。 一 般 来 说 显示 
公司 或 者 工作 室 的 logo， 也 可 以 简单 描述 一 下 游戏 的 世界 观 ， 其 至 还 可 以 人 简单 介绍 一 下 游戏 的 操 
作 方 式 。 
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走 完 开场 动画 之 后 ,就 进入 游戏 的 主 菜 单 ， 在 这 里 我 们 设置 了 4 个 功能 末 单 ,分 别 是 新 游戏 、 
设置 、 帮 助 和 退出 。 这 几 个 功能 菜单 可 以 将 玩家 引导 到 对 应 的 功能 上 ， 下 面 分 别 介绍 一 下 。 

(1) 新 游戏 。 玩 家 点 击 之 后 进入 游戏 主场 景 内 ， 这 里 就 是 玩家 开始 游戏 的 地 方 。 

(2) 设置 。 玩 家 点 击 之 后 开始 设置 一 些 游戏 参数 ， 包 括 音 量 的 大 小 、 是 否 震 动 、 是 否 有 一 些 
特殊 的 效果 等 。 

(3) 帮助 。 玩 家 点 击 之 后 可 以 看 到 一 个 完整 的 帮助 界面 ， 在 这 里 玩家 可 以 了 解 到 游戏 的 玩法 
和 技巧 等 。 

(4) 退出 。 顾 名 思 义 ， 玩 家 点 击 之 后 就 退出 游戏 了 。 

从 这 里 可 以 看 出 玩家 玩 游戏 的 过 程 其 实 就 是 在 程序 设置 的 场景 之 则 进行 跳 转 , 根据 一 个 画面 
的 操作 结果 跳 转 到 下 一 个 画面 。 而 场景 之 间 的 跳 转 则 可 以 带 上 很 多 特效 。 

那么 ， 我 们 再 看 看 游戏 内 的 场景 会 是 什么 样 的 一 种 设计 呢 ? 一般 来 说 ， 我 们 的 设计 如 图 5-2 
所 示 。 


| 人 物 布 景 | 跑龙套 布景 


移动 一 
is 打 痪 油 
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围观 
图 5-2 ”游戏 主场 景 设 计 


我 们 已 经 对 这 个 游戏 策划 做 了 很 好 的 分 析 , 现 在 开始 将 这 个 游戏 策划 转变 成 cocos2d-x 的 实现 


框 染 。 
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在 游戏 开发 过 程 中 ， 需 要 了 解 几 个 概念 ， 分 别 是 导读 、 场 景 、 布 景 和 人 物 角 色 。 这 几 个 概念 
和 拍 电影 韭 党 相似 ， 那 么 我 们 就 拿 电 影 和 游戏 做 类 比 ， 一 一 讲解 这 几 个 概念 。 

(1) 导演 (在 cocos2d-x 引 | 葡 中 与 之 对 应 的 类 是 CCDirector)。 在 电影 里 ， 导 演 是 电影 忆 术 创 
作 的 组 织 者 和 领导 者 ,是 把 电影 文学 剧本 搬 上 银 间 的 总 负 员 人 ,是 用 演员 表达 日 己 思想 的 人 。 导 
滨 通 过 手中 的 摄像 机 进行 电影 的 拍摄 。 那 么 ， 在 游戏 里 ， 寻 演 就 是 游戏 创作 的 组 织 者 和 领导 者 ， 
是 把 游戏 策划 变 成 游戏 的 总 指挥 ， 导 演 制 定 规则 让 游戏 内 的 场景 、 布 景 和 人物 角 色 有 序 地 运行 。 

(2) 场 景 (在 cocos2d-x3| 敬 中 与 之 对 应 的 类 是 CCScene)。 在 电影 里 , 场景 就 是 电影 中 的 各 种 
场面 ， 各 种 场面 主要 由 人 物 活 动 和 背景 等 构成 。 那 么 ， 在 游戏 里 ,场景 就 是 一 个 个 的 关卡 ， 关 卡 
主要 由 布景 和 人 物 角 色 组 成 。 

(3) 布 景 (在 cocos2d-x 引 | 擎 中 与 之 对 应 的 类 是 CCLayer)。 在 电影 里 , 布景 就 是 每 个 场 而 里面 
的 背景 , 例如 有 些 场面 里 面 需要 的 布景 是 一 个 办 公 室 , 而 男 外 一 些 场 面 里 面 需 要 的 布景 则 是 一 座 
山 。 那 么 ， 在 游戏 里 ,布景 就 古 每 个 关卡 里 面 的 背景 , 同样， 不同 的 关卡 需要 的 背景 也 是 完全 不 
一 样 的 。 

(4) 人 物 角 色 〈 在 cocos2d-x 引 擎 中 与 之 对 应 的 类 是 ccSprite)。 在 电影 里 ， 人 物 角色 就 是 电 
影 的 人 物 , 既 包 括 电 影 里 的 正面 人 物 , 也 包括 电影 里 的 反面 人 物 , 既 包 括 主角 , 也 包括 跑龙套 的 。 
那么 ,在 游戏 里 ， 人 物 角 色 就 包括 了 游戏 的 主 玩家 和 其 他 玩家 了 。 基 他 玩家 既 可 以 是 另 一 个 真实 
的 玩家 ， 也 可 以 是 游戏 虚 氟 出 来 的 玩家 。 

(5) 动 作 (在 cocos2d-x5| 擎 中 与 之 对 应 的 类 是 CCAction)。 在 电影 里 , 动作 都 是 演员 的 运动 ， 
例如 走路 和 射击 和 等。 那么， 在 游戏 里 ， 动 画 就 是 游戏 内 人 物 角 色 的 动作 了 。 

现在 ， 把 这 几 个 概念 汇总 到 表 5S-1 中 。 

表 5-1 游戏 概念 与 cocos2d-x 引 擎 中 类 的 对 应 关系 


概 念 cocos2d-x 引 擎 中 对 应 的 类 
导演 Cage 
摄像 机 CCCamera 

场景 CCSCene 

布景 CCLayer 

人 物 角 色 CESprite 

动作 CCRefkaaa 


在 介绍 了 游戏 概念 与 cocos2d-x5| 获 中 类 的 对 应 关系 之 后 ， 我 们 开始 把 图 5-2 的 游戏 主场 景 设 
计 变 成 cocos2d-x 实 现 的 设计 图 ， 请 看 图 5-3。 

这 张 图 也 就 是 cocos2d-x 实 现 一 个 游戏 的 基本 架构 了 。 当 然 ， 这 个 架构 不 是 针对 cocos2d-x35| 
擎 全 新 发 明 的 ， 它 同样 适合 其 他 平台 上 的 游戏 。 

任何 一 款 游戏 都 是 通过 这 些 概念 组 建 起 来 的 , 而 游戏 的 复杂 程度 也 就 决定 了 这 些 对 象 之 间 关 
系 的 复杂 程度 。 接 下 来 我 们 开始 具体 地 讲解 这 儿 个 概念 以 及 它们 之 间 的 关系 。 


一 ~ 
7 、 
项 \ 
7 \ 
1 1 
\ 1 
\ 7 
、\ ’ 
~ 了 
~ ~- 一 


CCScene 


CCSprite 


第 5 章 ”cocos2d-x 引 人 擎 基础 使 用 
CR 
ee 
CCSprite 
CCSprite CCSbrite 
CCACction ， 
忆 
CCACt1ion 
图 5-3 ”游戏 主场 景 设计 之 cocos2d-x 实 现 
c= 
5.1.1 导演 


导演 在 cocos2d-x5| 敬 里面 对 应 的 类 为 CCDirector。 在 整个 游戏 里 面 一 般 只 有 一 个 导演 。 游 


戏 开 始 和 结束 时 都 需要 调用 CCDirector 的 方法 完成 游戏 初始 化 或 者 销 贤 的 工作 。CCDirector 


提供 了 一 些 省 理 场景 的 方法 , 比如 runwithScene、 
drawScene、pushScene 和 replaceScene 等 ， 
通过 这 些 API 可 以 实现 在 各 个 场景 之 间 切 换 ， 
CCDirector 也 可 以 设置 或 者 获取 一 些 系统 信息 ， 
比如 调整 一 些 OpenGL 相关 鸭 设 置 ， 得 到 屏 项 大 
小 等 。 

cocoS2d-x 引 擎 里 面 除了 提供 了 ccDirector， 
还 提供 了 一 个 CCcDisplayLink Director 。 
CCDisplayLinkDirector 是 一 个 可 以 自动 刷新 
的 CcDirector 。 在 引擎 中 ， 
CCDisplayLinkDirector 的 类 结构 如 图 5-4 所 示 。 


CCDirector 和 -4 
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的 类 结构 图 


CCDirector 类 的 主要 函数 解释 如 下 : 
CCScene *getRunningScene (voigd);// 获 取 当 前 运行 的 场景 


double getAnimationInterval (void);// 获 取 FPS 
void setAnimationInterval (double dValue);// 设 置 FPS 


bool isDisplayFPS (void);// 是 否 在 屏幕 底部 显示 FPS 

void setDisplayFPS (bool lbDisplayFPS);// 设 置 在 屏幕 底部 显示 FPS 
C_GLVIEW *getOpenGLView (void);// 获 取 CCEGLView 

void setOpenGLView (CC GLVIEW *pobOpenGLView) ;// 设 置 CCEGLView 


bool isPaused(voidq);// 是否 暂停 


ccDirectorProjection getProjection(void);y/ /获取 OpenGL 的 Projection 
voOld Set Projection (CoDirectorPro ection KE ectdGn) 7 7 这 站 DeEnGDHJEBeojeectacznmn 


bool isSendCleanupToScene (vold) ; 
/ /场景 替换 时 是 否 接 收 到 Cleanup 事 件 。 若 新 的 场景 是 被 bpush 进 来 的 , 旧 的 场景 不 会 收 到 Cleanup 事 件 ; 若 新 的 
/ /场景 是 被 替换 进来 的 ， 旧 的 场景 能 够 收 到 Cleanup 事 件 。 


CCSize getWinsize(void);/ /获取 OpenGL View 的 大 小 ， 单 位 为 点 
CCSize getWinSsizeInPixels(voidq);// 获 取 OpenGL View 的 大 小 ， 单 位 为 像素 
CCSize getDisplaySizeInPixels(voidq);// 获 取 OpenGL View 的 显示 区 域 大 小 ， 单 位 为 像素 


void reshapeProjection(CCSize newWindowSize);// 改 变 Projection 的 大 小 


CCPoint convertToGL (CCPoint obPoint);// 将 UIKit 华 标 体 系 转 化 到 OpenGL 华 标 体系 
CCPoint convertToUI (CCPoint obPoint);// 将 OpenGL 华 标 体 系 转化 到 UIKit 坐 标 体 系 


void runWithScene (CCScene *pScene);// 运 行 场景 
void pushScene (CCScene *pScene);//push 场 大 
void DopSoene (void})s/7pob 上 及 

void replaceScene (CCScene *pScene);// 替 换 场 景 
voiqd drawScene (voidq) ;// 演 染 场景 


void pause (voigd);// 暂 停 游 戏 
void resume (void);// 恢 复 游 戏 


void stopAnimation(void);// 停 止 动画 
void startAnimation(void);// 播 放 动 画 


void purgeCachedData (void);// 删 除 缓存 的 数据 


void setGLDefaultValues (void);/ /设置 OpenGL 的 默认 值 
void setAlphaBlending (bool bon);// 设 置 是 否 启 用 OpenGL 的 alpha 通 道 
void setDepthTest (bool bon);/ /设置 是 否 测试 景 次 


bool enableRetinaDisplay (bool enabled);// 设 置 启 用 RETINA 支 持 
bool isRetinaDisplay ();// 是 人 否 启 用 RETINA 支 持 


bool setDirectorType (ccDirectorType obDirectorType); 
// 设 置 Director 类型， 目前 cocos2d-x 支 持 4 种 Director,， 分别 是 kCCDirectorTypeNSTimeL 
//kCCDirectorTypeMainLoop, kCCDirectorType- ThreadMalnLoop、KCCD1IFrectorTypeD1SP1ayLIDnK 


J 
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void setPixelFormat (tPixelFormat kPixelFormat);// 设 置 CCEGLView 的 像素 格式 
tPixelFormat getPiexFormat (voigd) ;// 获 取 CCEGLView 的 像素 格式 


CoCDirector *eharedDirector (veid})y;y7/ 返 回 CCDirector 实 例 


在 本 草 一 开始 ,我 们 介绍 了 一 个 游戏 的 整体 架构 : 不 同 的 场景 由 不 同 的 层 组 成 ， 每 个 层 又 包 
括 自 己 的 人 物 角 色 或 者 布景 。 用 户 玩 游戏 的 过 程 其 实 就 是 在 操作 每 个 层 上 的 人 物 角 色 或 者 功能 菜 
单 ， 这 样 游 戏 就 可 以 在 不 同 的 场景 中 切换 。 

说 到 这 里 ， 我 们 应 该 知道 导演 (CCDirector) 对 象 的 作用 了 : 人 物 角 色 或 者 背景 不 应 该 依 
赖 层 、 层 不 应 该 依赖 场景 、 场 景 不 应 该 依赖 整个 游戏 。 导 演 对 象 是 流程 的 总 指挥 ， 它 人 负 贡 游戏 全 
过 程 的 场景 切换 。 这 也 是 典型 的 面向 对 象 和 分 层 的 设计 原则 。 

在 cocos2d-x 里 面 ， 在 游戏 的 任何 时 间 ， 只 有 一 个 场景 对 象 实例 处 于 运行 状态 。 该 对 象 可 以 作 
为 当前 游戏 内 容 对 象 的 整体 包容 对 象 。 


5.1.2 摄像 机 


摄像 机 在 cocos2d-x5 引 警 里 面 对 应 的 类 为 CCCamera。Cccamera 在 cocos2d-x 中 比较 重要 ， 每 
一 个 方 点 (CCNode) 都 需要 使 用 CCcCcamera。 当 节点 发 生 缩 放 、 旋 转 和 位 置 变 化 等 时 ， 都 需要 履 
其 CCCamera， 让 这 个 节点 通过 CcCCamera 重 新 演 染 


在 引擎 中 ，CCCamera 的 类 结构 如 图 5-5 所 示 。 


CCObject 


| 
ew | 


CCCamera 


图 $-$ CCCametra 在 cocos2d-x 引 擎 中 的 类 结构 图 


CCcCamera 类 的 主要 函数 解释 如 下 : 


voidq init (voigd);// 初 始 化 函数 

void setEyexYZ (float fEyex, float fEyeY, float fEyez);// 设 置 Eye 的 坐标 

VOld SetCenterxYZ (float fCenterx, float fCenterY, float fCenterz);y/ 设 半 Ceanter 的 在 标 
voidq setUpXYZ (float fUpX, float fUpY, float fUpZ);// 设 置 Up 的 坐标 

void getEyexYZ (float *pEyex, float *pEyeY, float *pEyez);// 获 取 Eye 的 坐标 

Vold getCenterXYZ (float *pCenterx, float *pCenterY, float *pCenterzZ).; 

/ /获取 Center 的 坐标 

void getUpXYZ (float *pUpX, float *pUpY, float *pUpZ);// 获 取 Up 的 坐标 


有 了 摄像 机 (Cccamera)， 节 点 才 会 被 演 染 成 大 家 可 以 看 到 的 ， 例 如 缘 景 和 和 人物 角色 等 。 
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52.1.3 场 系 


场 奶 在 cocos2d-x 引 擎 里 面 对 应 的 类 为 CCScene。 在 cocos2d-x 引 擎 中 ，CCScene 中 存放 的 是 
需要 膏 染 的 布景 、 人 物 角 色 和 菜单 ， 它 可 以 作为 一 个 整体 ， 一 起 泻 染 ， 一 起 销毁 ， 一 起 被 场景 切 
换 使 用 。 

在 cocos2d-x 引 敬 中 ，CCSscene 的 类 结构 如 图 $-6 所 示 。 


CCNode 


5-6 CCScene 在 cocos2d-x3| 敬 中 的 类 结构 


CCScene 类 的 主要 函数 解释 如 下 : 


bool init();// 初 始 化 函数 
static CCScene *node (void);// 生 成 CCScene 


看 了 上 面 的 代码 , 估计 大 家 都 很 奇怪 , 为 什么 Ccscene 只 有 初始 化 和 生成 CCSscene 的 代码 而 
疫 有 其 他 方法 呢 ? 其 实 主 要 还 是 因为 目前 在 引擎 中 CCScene 承 担 的 是 一 个 容器 的 功能 。 洲 戏 开 发 
时 把 多 个 需要 膏 桨 的 对 象 放 在 CCScene 里 面 统 一 管理 , 包括 创建 、 销 毁 和 场景 切换 等 。 那 么 用 什 
么 方法 才能 把 对 象 添 加 到 ccCSscene 里 面 呢 ? 这 时 我 们 需要 分 析 一 下 CCNodqe。 

在 cocos2d-x 引 警 中 ，cCcNodqe 的 类 结构 如 图 $-7 所 示 。 


SelectorPprotocol CCObject 


CCNode 


5-7 CCNode 在 cocos2d-x3| 敬 中 的 类 结构 
CCNode 类 的 主要 函数 解释 如 下 : 
static CCNode *node (void);// 生 成 CCNode 
virtual void onEnter();// 进 入 节点 时 的 回调 函数 


ijrtual void onEnterTransitionDidEinish();/ /进入 节点 后 的 回调 函数 
virtual void onExit ();/ /离开 节点 时 的 回调 函数 


< 


virtual void addChilgd(CCNode *chilg);// 增 加 节点 
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第 $ 章 cocos2d-x 引 人 擎 基础 使 用 


virtual void addchild(CcNode *child, int zOrder)y// 增 加 诈 
virtual void addchild(CCNode *child，int zOrder，int tag);// 增 加 节点 


void removeFromParentAndCleanup (bool cleanup);// 删 除 父 节 点 中 的 当前 节点 并 清除 动作 及 回调 函数 等 
virtual void removeChild(CCNode *child，bool cleanup);// 删 除 节 点 

VOId removeChildpyTag (int ao bool Cleanuoo)> 7 7 出 除了 

virtual void removeAllChildrenWithCleanup (bool oe ; / /删除 节点 并 清除 动作 及 回调 函数 等 


CCNode *getChildByTag (int tag);// 根 据 tag 名 称 获 取 CCNode 
virtual void reorderChild(CCNode *child，int zOrder);// 根 据 zOrder 重 新 排序 


CCAction *runAction (CCAction *action);// 运 行动 作 

void stopAllActions (voigd);// 停 止 所 有 的 动作 

void stopAction (CCAction *action);y/ /根据 action 停 止 动作 
void stopActionByTag (int tag);// 根 据 tag 名 称 停 止 动作 
CCAction *getActionByTag (int tag);// 根 据 tag 名 称 获 取 动 作 
int numberOfRunningActions (void);// 正 在 运行 的 动作 的 总 数 


void schedule (SEL _SCHEDULE selector);// 定 义 一 个 定时 妮 

void schedule (SEL SCHEDULE selector, ccTime interval);// 定 义 一 个 定时 器 
void unschedule (SEL _SCHEDULE selector);// 取 消 一 个 定时 器 

void unscheduleAllSelectors (voigd);// 取 消 所 有 的 定时 器 

void resumeSchedulerAndActions (void);// 恢 复 定 时 器 和 动作 


J I 的 一 些 方法 ， 例 如 adqdqchil1d 和 
removeChi1ld 方 法 ， 这 样 束 可 以 通过 addChild 方 法 把 演 染 的 对 象 添 加 到 ccCscene 里 面 了 。 


5.1.4 布景 
布景 在 cocos2d-x 引 擎 里 面 对 应 的 类 为 CCcLayer 上 ( 层 )。 


每 个 游戏 场景 中 都 可 以 有 很 多 层 ， 每 一 层 负 贡 各 目的 任务 ， 例 如 专门 负责 显示 背景 、 专 门 负 
责 显示 道 具 和 专门 负责 显示 人 物 角色 等 。 在 每 一 层 上 面 可 以 放置 不 同 的 元 素 ， 包 括 文本 、 精 灵 和 
末 单 等 。 

通过 层 以 及 层 与 层 之 间 的 组 合 关 系 ， 我 们 就 能 够 让 游戏 显示 出 各 种 各 样 的 界面 了 。 当 然 为 了 
能 够 看 到 每 一 层 上 的 东西 ,很 多 层 都 设置 为 透明 或 者 半 透 明 的 , 否则 大 家 只 能 看 到 最 上 面 一 层 了 。 

在 引擎 中 ，cCCLayer 的 类 结构 如 图 5-8 所 示 。 


| CCNode ] ee CCAccelerometerDelegate | | CCTouch aa | | CKeypadDelegat | 


CCLAYET 


5-8 CCLayer 在 cocos2d-x5| 黎 中 的 类 结构 
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ccCLayez 类 的 主要 图 数 解释 如 下 : 


bool init( 


) ; / /初始 化 函数 


Static CCLaver *node(voldlyy7 蛋 成 COLayer 


virtual 
virtual 
virtual 


virtual 


virtual 


virtual 
virtual 


有 了 层 


void 
void 
void 


bool 
void 
void 
void 
void 


void 
void 


void 
void 


onEnter | ) ; // 进 入 时 的 回调 函数 
onExit ();// 离 开 时 的 回调 函数 
oa 进入 后 的 回调 函数 


ccTouchBegan (CCTouch *pTouch, CCEvent *pEvent);// 触 屏 事 件 
ccTouchesBegan (CCSet *pTouches,， CCEvent *pEvent);// 触 屏 事件 
ccTouchesMoved (CCSet *pTouches，CCEvent *pEvent);// 触 屏 事 件 
ccTouchesEnded (CCSet *pTouches，CCEvent *pEvent);// 触 屏 事 件 
ccTouchesCancelled(CCSet *pTouches，CCcEvent *pEvent);// 触 屏 事 件 


destroy (void);// 销 毁 
keep (voigd);// 保 持 


KeypadDestroy ();// 关 闭 键 盘 的 回调 函数 
KeypadKeep () ;// 打 开 键 盘 的 回调 函数 


(CcLayer)， 游 戏 就 可 以 显示 出 各 种 各 样 的 界面 了 。 


5.1.5 人 物 角 色 


人 物 角色 在 cocos2d-x 引 警 里 面 对 应 的 类 为 CCSprite (精灵 )。 精灵 是 整个 游戏 开发 处 理 的 主 
要 对 象 , 天 上 的 飞机 、 地 上 的 坦克 、 玩 家 控制 的 人 物 等 都 是 精灵 。 其 全 随机 标 过 的 一 片 云 、 飞 过 
的 一 只 鸟 也 是 精灵 。 从 技术 上 讲 ， 精 灵 就 是 一 个 可 以 不 断 变化 的 图 片 。 这 些 变化 包括 位 置 变化 、 
旋转 、 放 大 、 缩 小 和 运动 等 。 

在 引擎 中 ，cCSprite 的 类 结构 如 图 $-9 所 示 。 


CCNode 


CCTextureProtocol CCRGBAProtocol 


CCSprite 


图 5-9 CCcSprite 在 cocos2d-x 引 擎 中 的 类 结构 图 


CCSprite 类 的 主要 函数 解释 如 下 : 


bool init (void);y/ /初始 化 国 数 


virtual void draw(voigd);// 绘 制 
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第 5 章 cocos2d-X3 


党 基础 使 用 


static CCSprite *spriteWithTexture (CCTexture2D *pmexcure);，/ /根据 纹理 生成 CCSPr1Ee 
static CCSprite *spriteWithTexture (CCTexture2D *pTexture, CCRect rect) ，; 

/ /根据 纹理 生成 CCSprite 

static CCSprite *spriteWithTexture (CCTexture2D *pTexture, CCRect rect, CCPoint offset); 
/ /根据 纹理 生成 CCSprite 

static CCSprite *spriteWithSpriteFrame (CCSpriteFrame *pSpriteFrame); 

/ /根据 SpriteFrame 生 成 CCSprite 

static CCSprite *spriteWithSpriteFrameName (const char *pszSpriteFrameName); 

/ /根据 SpriteFrame 名 称 生 成 CCSprite 

static CCSprite *spritewithrile(const char *pszFileName);// 根 据 plist 文 件 生 成 CCSprite 
static CCSprite *spriteWithFile(const char *pszFileName, CCRect rect ) ， 

/ /根据 plist 文 件 生 成 CCSprite 

static CCSprite *spriteWithBatchNode (CCSpriteBatchNode *batchNode, CCRect rect); 


/ /根据 批量 节点 生成 CCSprite 
static CCSprite *spriteWithSpriteSheet (CCSpriteSheetInternalOnly *pSpriteSheet, CCRect rect ) ; 


/ /根据 SpriteSheet 生 成 CCSprite 


virtual void removeChild(CCNode *pChild，bool pbCleanup);// 移 除 子 节点 
virtual void removeAllChildrenWithCleanup (bool bCleanup);// 移 除 所 有 的 子 节 点 
virtual void reorderChild(CCNode *pChild，int zordqer) ;// 移 除 子 节 点 

virtual void addqchild(CccNode *pchild);/ /增加 子 节 点 

Virtual void addCchild(CCNode *pchild，int zOrder);// 增 加 子 节 点 

virtual voidg. addChild(tCeNoede *oChild, dnt gorder, 14nt tag)ys// 增 加 子 字 所 
virtual void setIsRelativeAnchorPoint (bool bRelative);// 设 置 是 否 相 对 于 参考 点 
virtual void setPosition(CCPoint pos);// 设 置 位 置 

virtual voidq setPositionInPixels (CCPoint pos);// 设 置 位 置 ， 单位: 像素 
virtual void setRotation(float fRotation);// 设 置 旋转 

virtual void setScaleX(float fScaleXx) ;// 设 置 缩放 

Virtual void setScaleY(float fsScaleY);// 设 置 缩放 

virtual void setScale(float fscale);， /7 设置 缩放 

virtual voild getVertexZtfloat TSECEERZ) 7 站 取 商 操 

Virtual voidq setAnchorPoint (CCPoint anchor);y/ /设置 锚 点 

virtual voidq setIsRelativeAnchorPoint (bool bRelative);// 设 置 是 否 相 对 于 参考 点 
Virtual void setIsVisible(lbool pbpVisipble);// 设 置 是 否 可 见 

virtual void setTexture (CCTexture2D *texture);// 设 置 纹理 

virtual CCTexture2D *getTexture (voigd);// 获 取 纹 理 


bool initWwithTexture (CCTexture2D *pTexture);// 根 据 纹 理 初 始 化 CCSprite 

bool initWwithTexture (CCTexture2D *pTexture, CCRect rect);// 根 据 纹 理 初 始 化 CCSprite 
bool initwithSpriteFrame (CCSpriteFrame *pSpriteFrame);// 根 据 SpriteFrame 和 初始化 CCSprite 
bool initWithSpriteFframeName (const char *pszSpritefFrameName),; 

/ /根据 SpriteFrame 名 称 初 始 化 CCSprite 

bool initWithFile(const char *pszFilename);// 根 据 plist 文 件 初 始 化 CCSprite 

bool initWithFile(const char *pszFilename, CCRect rect);// 根 据 plist 文 件 初 始 化 CCSprite 
bool initWithBatchNode (CCSpriteBatchNode *batchNode, CCRect rect).; 

/ /根据 批量 市 点 初始 化 CCSprite 

bool initWithSpriteSheet (CCSpriteSheetInternalOnly *pSpriteSheet, CCRect rect); 

/ /根据 SpriteSheet 人 初始 化 CCSprite 


有 了 精灵 (CCSprite), 游戏 就 不 再 是 静止 的 , 而 古 充 满 生机 的 , 有 各 种 人 物 、 人 花草 和 道具 了 。 


5.2 ”目录 结构 


5.1.6 动作 


动作 在 cocos2d-x 引 警 里 面 对 应 的 类 为 CCAction。CcCCcaAction 主 要 用 于 人 物 角 色 等 发 和 后 动作 
时 使 用 ， 例 如 紧身 肉搏 、 远 程 射 击 和 贴近 对 话 等 。 
在 引擎 中 ，cCCAction 的 类 结构 如 图 5-10 所 示 。 
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5-10 ”CCAction 在 cocos2d-x5| 黎 中 的 类 结构 


CCAction 类 的 主要 函数 解释 如 下 : 
virtual CCObject *oopyWithZone (CCZoOne *pZone);y7 殉 隆 对 象 


virtual bool isDone (voigd);// 动 作 是 否 已 经 完成 


virtual void startWwithTarget (CCNode *pTarget);// 设 置 动作 关联 的 对 象 ， 动 作 运 行 前 调用 该 方法 
virtual void stop(void);/ /停止 动作 

virtual voidq step(ccTime dt);/ /动作 的 间隔 时 间 

Virtual voidq update (ccTime time);y// 动 作 的 执行 内 容 


CCNode *getTarget (void);y/ /获取 动作 关联 的 对 象 
void setTarget (CCNode *pTargdet);/ /设置 动作 关联 的 对 象 


inline CCNode *getOriginalTarget (void) ;7/ /获取 动作 的 目标 对 象 
inline void setoriginalTardet (CCNode xporiginalTarget);/ /设置 动作 的 目标 对 象 


inline int getTag(void);/ /获取 tag 
inline void setTag (int nTag)// 设 置 tag 


static CCAction *action();// 夺 成 CCAction 


有 了 动作 (CCAction)， 人物 角 色 在 游戏 内 才能 发 生动 作 , 例如 紧身 肉搏 、 远 程 射击 和 贴近 
对 话 等 。 


5.2 目录 结构 


前 面 介绍 了 使 用 cocos2d-x5| 擎 开发 游戏 的 整体 架构 。 现 在 我 们 来 看 一 下 cocos2d-x5| 擎 的 目 
杂 结 构 ， 如 图 5-11 所 示 。 
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cocos2d-x 引 苟 基础 使 用 


Box2D 
chipmunk 

出 cocos2dx 
CocosDenshion 
Debug.win32 
| doxygen 

i HelloLua 

i HelloWeorld 
lua 


template 


| .gitignore 

build-win32.bat 
Lbuld-wophone.,sh 

| CHANGELOG 

左 | cocoszad-win32.wca008,ncb 

[ 国 cocosz2d-win32.vc2008.sln 
如 cocosad-win32 vca008,.s5uUD 
怖 cocos2d-win32.vc2010,sln 

左 ] cocos2d-wophone.ncb 


[ 国 cocosa2d-wophone.sln 


[|_| create-android-project.sh 
install-templates-msvc.bat 
[|_|install-templates-xcode,sh 
| | LUCENSE.artwork 

[| UCENSE.box2d 

[|_| LUCENSE.chipmunk 

| | UCENSE.cocos2d-x 

| | CENSE.lua 

[|_| CENSE.toluat++ 

| README.mdown 


出 tests 
出 tools 


cocos2d-wophone.suo 


create-android-project.bat 


图 5-11 ”cocos2d-x3| 敬 的 目录 结构 


目 孙 结构 的 具体 介绍 如 下 。 


DOODOooooOooooDoooooODoDOo Do UU UU UU 0 


Box2D: 物理 5| 擎 Box2D 的 相关 源 文件 。 

chipmunk: 物理 引 葡 chipmunk 的 相关 源 文件 。 

cocos2dx: cocos2d-x5| 敬 的 核心 部 分 ， 存 放 了 5| 擎 大 部 分 的 源 文件 。 

CocosDenshion: 声音 模块 的 相关 源 文件 。 

Debug.win32: 在 Windows 上 的 调试 输出 目录 。 

doxygen: 生成 doxygen 项 目 文档 时 需要 的 配置 文件 。 

HelloLua: 在 游戏 中 使 用 Lua 的 示例 代码 。 

HelloWorld， 测试 代码 HellowWorld 。 

lua， 脚 本 语言 Lua 的 相关 源 文件 。 

template: 包括 编译 iJOS 和 Android 等 平台 游戏 时 需要 的 配置 文件 。 

tests: cocos2d-x3| 敬 所 有 API 的 示例 代码 。 

tools: 包括 “tolua 的 配置 文件 和 “xcode4 的 模板 生成 工具 。 
build-win32.bat、build-wophone.sh: 编译 cocos2d-x 引 警 的 Windows 项 目 和 话 Phone 项 目的 脚本 。 
cocos2d-win32.vc2008.sln、cocos2d-win32.vc2010.sln: Windows 项 目的 解决 方案 文件 。 
cocos2d-wophone.sln: 沃 Phone 项 目的 解决 方案 文件 。 
create-android-project.bat、create-android-project.sh: 创建 室 的 Android 项 目的 脚本 。 
install-templates-msvc.bat install-templates-xcode.sh: 给 Visual Studio 安 装 cocos2d-x 模 板 的 脚本 。 
LICENSE.artwork: 使 用 的 第 三 方 组 件 (artwork) 的 许可 文件 。 

LICENSE.box2d: 使 用 的 第 三 方 组 件 (box2d) 的 许可 文件 。 

LICENSE.chipmunk: 使 用 的 第 三 方 组 件 (chipmunk) 的 许可 文件 。 
LICENSE.cocos2d-x: cocos2d-x3| 敬 的 许可 文件 。 

LICENSE.lua: 使 用 的 第 三 方 组 件 (lua) 的 许可 文件 。 

LICENSE.tolua++: 使 用 的 第 三 方 组 件 (tolua++) 的 许可 文件 。 


: 5.3 ”坐标 体系 


5.3 ”坐标 体系 


在 一 般 的 图 形 系 统 中 ， 使 用 屏幕 的 左上 角 作 为 原点 (x 轴 等 于 0，y 轴 等 于 0)， 如 图 5-12 所 示 。 
Windows 系 统 使 用 的 就 是 这 种 坐标 体系 ， 而 且 很 多 游戏 5| 擎 都 是 使 用 这 种 坐标 体系 。 

不 过 由 于 cocos2d-x5 引 擎 使 用 OpenGL ES 图 形 库 进行 演 染 ， 而 OpenGL 采 用 的 不 是 图 5-12 所 示 
的 坐标 体系 。 在 OpenGL 坐 标 体系 中 ， 原 点 在 左下 角 ， 如 图 5-13 所 示 。 因 此 cocos2d-x5| 擎 采用 的 
是 OpenGL 坐 标 体 系 ， 如 图 5-13 所 示 。 
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Cr 

图 5$-12 ”坐标 体系 图 5-13 ” ”OpenGL 坐标 体系 


现在 ， 我 们 来 仔细 看 一 下 OpenGL 坐 标 体 系 。 在 OpenGL 坐 标 体 系 中 有 两 个 非常 重要 的 参数 ， 
即 销 点 (anchor point) 和 位 置 (position) 。 在 cocos2d-x 引 擎 中 ， 大 部 分 需要 显示 的 对 象 都 继承 于 
节点 《CCNodqe) ， 我 们 就 以 一 个 矩形 为 例 讲解 销 点 和 位 置 两 个 概念 。 
D 锚 点 。 氟 形 的 位 置 参考 点 ， 这 是 相对 于 抱 形 本 身 的 坐标 系 来 说 的 。 例 如 锚 点 为 (0.5, 0.5)， 
而 矩形 的 大 小 是 200 x 100， 那 么 这 个 销 点 相对 于 和 矩形 的 坐标 是 (100, 50)。 缺 省 的 销 点 位 置 
为 (0.5, 0.5), 也 就 是 在 矩形 的 中 间 。 
口 位置。 顾名思义 ， 就 是 指 和 矩形 被 放置 的 位 置 。 
了 解 了 锚 点 和 位 置 的 概念 后 ， 我 们 看 一 个 具体 的 例子 。 表 5-2 摘 述 了 位 置 相 同 、 锚 点 不 同 的 
两 个 矩形 的 示意 图 。 


和 矩 形 摘 述 不 意 


销 点 : (0, 0) 
位 置 : (10, 5) 
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和 矩 形 摘 述 示 意 


销 点 : (0.5,0.5) 
位 置 : (10,5) 


5.4 ”器 平台 常量 


cocos2d-x5| 敬 是 一 个 跨 平台 的 游戏 引擎 ， 那 么 它 到 底 是 如 何 做 到 跨 平 台 的 呢 ? 

首先 cocos2d-x5 引 警 是 一 个 基于 C++ 语言 的 引擎 ， 而 乎 果 的 i0S、Google 的 Android、 中 国联 通 
的 添 Phone、 微 软 的 Windows 以 及 笠 果 最 新 推出 的 AirPlay 这 些 平台 都 支持 直接 使 用 C++ 进行 编写 
软件 或 游戏 ， 那么 我 们 就 可 以 做 一 套 公共 的 接口 ， 然 后 根据 平台 选择 不 同 的 代码 进行 编译 。 这 就 
是 cocos2d-x5 引 警 能 够 跨 平 台 的 原因 。 

cocos2d-x 定 义 了 一 组 和 常量， 这 组 和 常量 用 于 表示 不 同 的 平台 ， 如 表 5-3 所 示 。 


表 5-3 ” 跨 平 台 常 量 


常量 名 称 常 量 值 措 述 
CC_PLATFORM_ UNKNOWN 0 未 知 平台 ， 也 就 是 平台 不 在 cocos2d-x 引 | 获 的 支持 列表 之 内 
CC_PLATFORM_IOS 1 华 果 的 OS 平台 ， 包 括 iPhone 和 iPad 
CC_PLATFORM_ANDROID 2 谷歌 的 Android 平 台 
CC_PLATFORM_ WOPHONE 3 中 国联 通 的 沃 Phone 平 台 
CC_PLATFORM_WIN32 4 微软 的 Windows 平 台 
CC_PLATFORM_ AIRPLAY 5 苹果 的 AirPlay 平 台 


有 了 上 面 这 组 跨 平台 并 量 之 后 ， 我 们 就 可 以 针对 不 同 的 平台 写 不 同 的 代码 ， 大 致 代码 如 下 : 


//IOS 平 合 
#if (CC TARGET PLATFORM == CC PLATFORM IOS ) 
/ /需要 在 i0S 平 台 上 执行 的 相关 代码 …… 
#endif 
7 7 rolcEe 
#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 


/ /需要 在 Android 平 台 上 执行 的 相关 代码 …… 
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#endif 


// 沃 Phone 平 台 

#if (CC_TARGET PLATFORM == CC_PLATFORM_WOPHONE) 
/ /需要 在 沃 Phone 平 台 上 执行 的 相关 代码 …… 

#end1if 


/ /Windows 平 台 

#if (CC TARGET PLATFORM == CC PLATFORM WIN32) 
/ /需要 在 Windows 平 台 上 执行 的 相关 代码 …… 

#endif 


/7ALrPlLay 平 合 

#if (CC TARGET PLATFORM == CC PLATFORM AIRPLAY) 
/ /需要 在 AirPlay 平 台 上 执行 的 相关 代码 ……… 

#endif 


/ /其 他 平台 
#if (CC_TARGET_ PLATFORM == CC_PLATFORM UNKNOWN) 


/ /给 出 不 支持 的 提示 …… 
#endif 


5.5 图 形 


游戏 中 的 每 一 个 元 素 都 是 图 形 ， 包 括 采 单 、 图 片 、 标 签 、 人 物 、 人 花草 树木 、 增 壁 和 道具 等 。 
那么 在 游戏 中 是 如 何 将 这 些 元 素 有 序 地 管理 起 来 并 一 一 痊 染 的 呢 ? 

从 5.1 市 的 介绍 中 , 我 们 知道 游戏 的 界面 存在 很 多 层 (CCLayer)，, 元 素 被 添加 到 层 里 面 之 后 ， 
cocos2d-x5 引 擎 在 深 染 层 的 时 候 会 同时 深交 层 里 面 的 元 素 ， 这 样 束 可 以 得当 出 游戏 界面 了 。 
cocos2d-x 引 擎 目前 提供 以 下 元 素 。 

(1) 标签 (CCLabelTTF) 。 在 游戏 界面 中 显示 一 段 文字 ，CCLabelTTF 的 使 用 代码 如 下 : 


/ /创建 CCLabelTTF 
CoLabelTTiF *label = COLabelTTiF: JabelWitheotring( "iM 坛 文学 "， "Arial*", 28); 


// 增 加 到 当前 层 中 
this.addChild(label).; 


(2) 图 片 (CCSprite) 。 在 游戏 界面 中 显示 一 个 图 片 ，CCSprite 的 使 用 代码 如 下 : 


/ /创建 图 片 
CCSprite *leftMenuBg = CCSprite: :spriteWithFile("btn left _ bottom bg.png");} 


/ /增加 到 当前 层 中 
this.addChild (leftMenuBg).;} 


(3) 菜 单 (CCMenu) 及 菜单 项 (CCMenultem) 。 在 游戏 界面 中 显示 一 个 可 以 选择 的 菜单 。 
菜单 项 主要 包括 标签 式 菜 单项 (CcCMenuItemLabel)、 图 片 式样 (CcCMenuItemImage)、 组 合式 
(CcMenuItemToggle)，CCMenuItemImage 的 使 用 代码 如 下 : 
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// 创 建 开 始 游戏 菜单 项 


CCMenuItemFont *start = CCMenuItemFont::itemFromString ("开始 游戏 "， this,，, ""); 


/ /创建 退出 游戏 菜单 项 


CCMenuItemFont *exit = CCMenuItemFont::itemFromString ("退出 游戏 ",， this,，, ""); 


/ /创建 菜单 


CCMenu *menu = CCMenu: :menuWithIitems( start, exit, NULL): 


/ /增加 到 当前 层 中 
this.addChild (menu):; 


(4) 进度 条 (CCProgressTimer) 。 


// 创 建 进 度 条 


CCProgressTimer *progressTimer = CCProgressTimer: :progressWithFile("grossinis sisterl 
.png"); 


/ /增加 到 当前 层 中 
this.addChild(progressTimer).;} 


(5) 瓦 片 地 图 图 片 集 (CCTileMapAtlas) 。 在 游戏 里 显示 一 个 用 瓦 片 地 图 图 片 集 设计 的 瓦 片 
地 图 。CCTileMapAt1las 的 使 用 代码 如 下 : 
/ /创建 瓦 片 地 图 图 片 集 


CCTileMapAtlas *map = CCTileMapAtlas: :tileMapAtlasWithTileFile("TileMaps/tiles.png", 
"TileMaps/levelmap.tga", 16, 16); 


/ /增加 到 当前 层 中 
this.addChild (map); 


(6) TMX 瓦 片 地 图 (CCTMXTiledMap) 。, 在 游戏 里 显示 一 个 TMX 瓦 片 地 图 。 CCTMXTi ledMap 
的 使 用 代码 如 下 : 
/ /创建 TMX 瓦 片 地 图 ， 地 图 文件 orthogonal-test3.tmx 


CCTMXTiledMap *map = CCTMXTiledMap: :tiledMapWithTMXFile("orthogonal-test3.tmx").; 


/ /增加 到 当前 层 中 
this.addChild (map); 


在 游戏 中 ， 如 果 对 上 面 的 这 些 元 素 进 行 设 计 并 合理 地 组 合 一 起 ， 那 么 游戏 将 会 很 美 。 
5.6 动作 


刚才 我 们 介绍 了 图 形 ， 有 了 图 形 游戏 就 有 了 好 看 的 界面 。 那 么 游戏 内 的 元 素 如 何 变化 呢 ? 例 
如 , 一 个 人 物 角 色 如 何 从 游戏 的 A 点 运动 到 B 点 呢 ?” 这 需要 引入 游戏 引 敬 的 另 一 个 概念 一 一 动作 。 

在 cocos2d-x 引 | 擎 中 , 动作 (CCAction) 定义 了 在 节点 上 进行 的 通用 操作 ， 它 不 依赖 于 节点 ， 
但 是 在 运行 时 需要 指定 节点 为 目标 。 动 作 最 直观 的 好 处 就 是 可 以 实现 很 多 动画 效 末 。 
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5.6 动作 


CCAction 类 是 所 有 动作 的 基 类 ， 在 引擎 中 CCAction 的 类 结构 如 图 5-14 所 示 。 


CECFINnitelTimetction 
CCActionInstant CCActionInterval 


图 $-14 CCAction 在 cocos2d-x3| 敬 中 的 类 结构 图 
从 图 5-14 中 ， 我 们 看 出 动作 主要 分 为 两 大 类 : 瞬时 动作 (ccActionInstant) 和 延 时 动作 


(CCAGE TON eyal ) 


D 瞬时 动作 。 主 要 特点 古 动作 的 执行 不 需要 化 费时 间 ， 马 上 就 


瞬时 动作 名 称 
CCCallFunc 
CCF1ipX 
CCFl11ipPY 
CCHide 


CCPlace 
CCReuseGrid 
CCShow 
CCStopGrid 


表 5-4 cocos2d-x 引 擎 中 提供 的 瞬时 动作 


CCToggleVisibility 


CCAction 
Gomme 


CCSpeeqd 


能 完成 动作 的 执行 。 这 些 动 
作 的 基 类 是 CCActionInstant。cocos2d-x 引 擎 直 接 提供 的 瞬时 动作 见 表 S-4。 


摘 述 
执行 函数 
Y 翻 转 
绚 着 
设置 位 置 
重用 网 格 
显示 
停止 网 格 
可 见 切换 


口 延 时 动作 。 主要 特点 是 动作 的 执行 需要 花费 时 间 。 这 些 动作 的 基 类 是 CCActionInterval。 
cocos2d-x5| 获 直接 提供 的 延 时 动作 见 表 5-5。 


延 时 动作 名 称 
CCBezierBy 
CCB1ink 
CCDelayTime 
CCFadeTo 


表 5-5 cocos2d-x 引 擎 中 提供 的 延 时 动作 


延 时 动作 名 称 
CCMOVeTO 
CCMoveBy 


CCRoOotateTo 


CCRotateBy 


描 述 
移动 到 
移动 
旋转 到 
旋转 
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( 续 ) 

延 时 动作 名 称 描述 延 时 动作 名 称 描述 
CCFadeIn 由 无 变 况 CCScaleTo 放大 到 
CCFadeOut 由 亮 变 CESealLeBy 放大 
CCJUMPTO 跳跃 到 | 人 色调 变化 到 
CCUJumpBvy 跳跃 CTInEBY 色调 变化 
CCSequence 序列 CCSPl1itRows 拆 分 行 
CCSpawn 同步 Se 拆 分 列 
CCReverse 动作 逆 回 RDSat 有 限 次 数 重 复 
CCReverseTime 时 间 族 癌 CCRepealLFoOrever 无 限 次 数 重复 
CCAnimate 动画 


从 5.1 市 的 介绍 中 ,我 们 了 解 了 动作 (CCcAction) 的 主要 国 数 解释 ， 而 且 coocs2d-x5 引 警 给 我 
们 提供 了 非常 多 的 瞬时 动作 和 延 时 动作 。 现 在 我 们 就 看 儿 个 实际 的 使 用 场景 。 

场景 一 : 精灵 移动 到 坐标 为 (100,100) 的 位 置 。 

// 创 建 精灵 


CCSprite *sprite = CCSprite::spriteWithFile("action Spbpritel.pndg") ; 


// 创 建 移动 到 的 动作 


CCActionInterval *actionTo = CCMoveTo: :actionWithDuration(2, CCPointMake(100, 100)); 


/ /动作 执行 


sprite->runAction( actionTo),; 
t 了 景 二 : 精灵 放大 到 ] he 
/ /创建 精灵 


CCSprite *sprite = CCSprite::spriteWithFile("action sprite2.png"); 


/ /创建 放大 到 的 动作 


CCActionInterval *actionTo = CCScaleTo: :actionWithDuration( 2, 1.5f): 


/ /动作 执行 


sprite->runAction( actionTo); 


场景 三 : 精灵 跳跃 到 坐标 (100, 100) 的 位 置 。 
/ /创建 精灵 


CCSprite *sprite = CCSprite: :spriteWithFile("action sprite3.png").; 


/ /创建 跳跃 到 的 动作 


CCActionInterval *actionTo = CCJumpTo: :actionWithDuration(2, CCPointMake (100,100), 
20, 4); 


/ /动作 执行 


sprite->runAction( actionTo); 
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5.7 菜单 


5.7 ”菜单 


一 般 的 游戏 都 需要 提供 采 音 功能。 表单 主要 是 让 玩家 远 择 菜单 项 对 应 的 功能 。 为 了 实现 琳 单 ， 
我 们 可 以 通过 图 片 、 图 片 的 点 击 事 件 来 实现 。 除了 使 用 这 种 自 定 义 的 方案 外 ，cocos2d-x5| 擎 还 内 
置 了 一 种 呈 单 的 实现 方式 。 表单 的 实现 类 为 CCMenu, 表单 项 的 实现 类 为 CCMenuItem。 现在 我 们 
分 别 来 看 看 菜单 和 有 荣 单 项 。 采 单 吓 一 组 末 单 项 的 集合 。 亲 单项 是 一 个 具体 的 游戏 功能 。 

在 3| 擎 中 ccMenu 的 类 结构 如 图 5-15 所 示 ，CCMenuItem 鸭 类 结构 如 图 5-16 所 示 。 


| CCNode | Ss 


CCLayer CCRGBAProOtoCol 
| 


5-15 CCMenu 在 cocos2d-x5| 黎 中 的 类 结构 


| CCNode ] 


CCMenultem 


CCMenultemLabel CCMenuItemSprite CCMenultemloggle 
CCMenultemAtlasFont SEM me meme CCMenultemlmage 


5-16 CCMenuItem 在 cocos2d-x3| 敬 中 的 类 结构 


有 了 上 述 CccMenu 和 ccMenuItem 的 相关 介绍 , 我 们 就 可 以 在 游戏 中 增加 玉 单 了 ,下面 是 儿 个 
菜单 的 示例 代码 。 
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/ /设置 字体 大 小 


CCMenuItemFont::setFontSize(24); 


/ /创建 开始 游戏 菜单 项 


CCMenuItemFont *start = CCMenuItemFont::itemFromString ("开始 游戏 "，this,，, ""); 


/ /创建 退出 游戏 菜单 项 


CCMenuItemFont *exit = CCMenuItemFont::itemFromString ("退出 游戏 ",， this,，, ""); 


/ /创建 菜单 


CCMenu *menu = CCMenu: :menuWithIitems( start, exit, NULL): 


5.8 事件 


用 户 在 玩 游 戏 的 时 候 , 需要 用 到 手机 键盘 虚拟 键 盘 和 触摸 屏 对 游戏 中 人 物 和 背景 进 
那么 ， 我 们 就 需要 在 程序 中 捕获 这 些 事 件 。cocos2d-x 5| I 


CCKeypadDispatcher, CCIMEDispatcher 和 CCTouchDispatcher。 a 另 | 对 应 


手机 键盘 、 虚 拟 键 盘 和 触摸 屏 。 
CCKeypagdDi spatcher 对 应 着 手机 和 键盘 的 事件 派发 ， 主 要 函数 解释 如 下 : 


static CCKeypadDispatcher *sharedDispatcher();// 取 回 CCKeypadDispatcher 
static void purgeSsharedDiepatcher();// 有 释放 CCKeypadDispatcher 


void addDelegate (CCKeypadDelegate *pDelegate);// 增 加 CCKeypadDelegate 代 理 
void removeDelegate (CCKeypadDelegate *pDelegate);// 移 除 CCKeypadDelegate 代 理 


void forceAddDelegate (CCKeypadDelegate *pDelegate); // 增 加 CCKeypadDelegate 代 理 
voild forceRemoveDelegqate (CCKeypadDelegate *pDelegate);// 移 除 CCKeypadDelegate 代 理 


bool dispatchKeypadMSG (ccKeypadMSGType nMsgType);// 派 发 ccKeypadMSGType 事 件 
CCIMEDispatcher 对 应 着 虚拟 键盘 的 事件 派发 ， 主 要 函数 解释 如 下 : 


static CCIMEDispatcher *sharedDispatcher();/ /返回 CCIMEDispatcher 


void dispatchInsertText (const char *pText, int nLen);// 派 发 增加 字符 事件 
void dispatchDeleteBackward();// 派 发 删除 字符 事件 


void dispatchKeyboardWillShow (CCIMEKeyboardNotificationIinfo& info).; 

/ /虚拟 键盘 显示 过 程 的 事件 

voOid dispatchkeyboardDidSshow(CCIMEKeyboardNotificationInfo&g info)s7/ 虚 所 律 洽 显示 
vold dispatchKeyboardWillHide (CCIMEKeyboardNotificationIinfo& info).; 


/ /虚拟 键盘 关闭 过 程 的 事件 


后 的 事件 


void dispatchKeyboardDigdHide (CCIMEKeyboardNotificationInfo& info);// 虚 拟 键 盘 关 闭 后 的 事件 


const char * getContentText();// 获 取 内 容 


CCTouchDispatcher 对 应 触摸 屏 的 事件 派发 ， 主 要 函数 解释 如 下 : 
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5.9 变量 自动 释放 


bool isDispatchEvents(void);/ /是 否 可 以 派发 事件 
void setDispatchEvents (bool bDispatchEvents);// 设 置 是 否 派发 事件 


vold addStandardDelegate (CCTouchDelegate *pDelegate, int npriority); 

/ /增加 一 个 CCTouchDelegate 代 理 

void addTargetedDelegate (CCTouchDelegate *pDelegate, int npPriority, bool bSwallowsTouches); 
/ /增加 一 个 CCTouchDelegate 代 理 


void removeDelegate (CCTouchDelegate *pDelegate);// 移 除 一 个 CCTouchDelegate 代 理 
void removeAllDelegates (voigd);// 移 除 所 有 CCTouchDelegate 代 理 


void setPpriority(int npriority, CCTouchDelegate *pDelegate); 
/ /设置 CCTouchDelegate 代 理 的 优先 级 


void touches (CCSet *pTouches, CCEvent *pEvent, unsigned int ulIndex); 


virtual void touchesBegan(CCSet *touches, CCEvent *pEvent);// 开 始 的 事件 
virtual void touchesMoved (CCSet *xtouches，CCcEvent *pEvent);// 移 动 的 事件 
virtual void touchesEnded(CCSet *touches, CCEvent *pEvent);// 结 束 的 事件 
Virtual void touchesCancelled(CCSet *touches, CCEvent *pEvent);// 取 消 的 事件 


5.9 变量 目 动 释放 


学 过 C++ 和 Java 两 种 语言 的 人 大 部 分 都 认为 Java 语 言 比 C++ 要 向 单 ,尤其 是 在 变量 的 内 存 管 理 
上 ，C++ 要 复杂 得 多 。 我 们 现在 来 看 看 这 两 种 语言 在 变量 的 内 存 释 放 上 的 处 理 机 制 。 

(1) 在 Java 语 言 中 定义 一 个 变量 ,不 需要 开发 者 关心 变量 的 内 存 释放 ,因为 Java 虚 拟 机 会 在 变 
量 不 再 使 用 的 时 候 上 自动 释放 内 存 空间 。 

(2) 在 C++ 语言 中 定义 一 个 变量 ， 当 不 再 使 用 这 个 变量 的 时 候 ， 需 要 手动 进行 内 存 释 放 ， 人 否 
则 会 产生 内 存 洪 出 问题 。 

上 述 这 个 内 存 释 放 问 题 ， 对 于 一 个 C++ 的 新 人 来 说 是 一 种 折 订 。 因 为 你 很 难 明 白 什么 时 候 需 
要 释放 内 存 ， 什 么 时 候 不 需要 释放 内 存 。 

一 般 比 较 成 熟 的 框架 都 在 框架 级 别 解决 了 这 个 问题 ,同样 ,cocos2d-x5| 敬 也 解决 了 这 个 问题 。 
如 果 对 cocos2d-x5| 擎 源 代码 比较 清楚 的 话 ,就 会 发 现 基本 上 所 有 的 类 都 古 继承 CCObject 这 个 类 ， 
而 这 个 类 束 解 决 了 上 述 问 题 。 

首先 在 CCObject 中 定义 一 个 变量 m_uRefrence， 如 果 恋 量 m_uRefrence 大 于 1， 那 么 在 释 
放 CCObject 的 时 候 需 要 执行 释放 (delete)， 释 放 的 同时 将 m_uRefrence 减 去 !， 如 采 其 他 代 
码 继续 需要 释放 CCObject， 那 么 由 于 m_uRefrence 等 于 0 (表示 已 经 释放 ) ， 就 不 需要 释放 了 。 
上 述 解决 方案 的 示例 代码 如 下 : 


/ /释放 CCObject 
void CCObject::release (void) 


{ 
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assert (m uRefrence > 0);， 


-—m uUuRefrence; 
if (m uRefrence == 0) 


delete this; 


5.10 ”总 结 


本 章 主 要 介绍 cocos2d-x 引 警 的 基础 使 用 ， 包 括 cocos2d-x 引 警 的 整体 架构 、 目 孙 结 构 和 开发 
过 程 中 常用 的 一 些 常量 介绍 等 ， 还 介绍 了 cocos2d-x 引 擎 在 图 形 、 动 作 、 菜 单 、 事 件 和 字体 等 方面 
的 知识 。 

本 章 主要 围绕 coocs2d-x 引 警 的 基础 进行 介绍 。 在 下 一 章 里 ， 我 们 将 主要 介绍 cocos2d-x 引 警 
的 一 些 高 级 特性 ， 包 括 物 理 引擎 、 粒 子 系统 和 声音 模块 等 。 
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通过 上 一 章 的 介绍 , 我 们 应 该 已 经 掌握 了 cocos2d-x 引 擎 的 整体 架构 、 基 础 知识 , 现在 我 们 就 
来 学 习 cocos2d-x5| 擎 的 一 些 高 级 特性 。 这 些 高 级 特性 包括 物理 引擎 、 粒 子 系 统 和 声音 模块 。 


6.1 物理 引擎 


在 游戏 中 ,我 们 有 了 时候 需要 让 整个 游戏 模拟 出 一 个 真实 的 物理 世界 , 游戏 内 所 有 的 物体 都 需 
要 遵循 真实 日 然 的 规律 。 例 如 ， 人 物 跳 的 高 度 、 子 弹 的 飞行 轨迹 和 车 辆 的 丰 锻 方式 等 。 

要 完成 一 些 向 单 的 物理 效果 ， 例 如 牛顿 定律 里 面 的 加 速度 、 减 速度 ， 可 以 直接 通过 编写 程序 
实现 。 但 是 想 模拟 出 一 个 完整 的 芮 实物 理 世 界 ， 我 们 就 需要 使 用 专门 的 物理 ?| 擎 了。 和 毕 竞 术 业 有 
专攻 啊 。 

物理 引擎 通过 为 物体 赋予 真实 的 物理 属性 的 方式 来 计算 运动 、 旋 转 和 碰撞 反映 。 物 理 引 敬 使 
用 对 象 属性 来 模拟 物体 行为 , 这 不 仪 可 以 得 到 更 加 真实 的 结果 ,而且 对 于 开发 人 员 来 说 也 比较 容 
易 沿 握 。 好 的 物理 引擎 允许 有 复 厅 的 机 械 痊 置 ,， 像 球形 关 广 、 轮 子 、 气 征 或 者 久 链 。 有 些 也 支持 
非 刚性 体 的 物理 属性 ， 比 如 流体 。 

cocos2d-x5| 敬 支持 两 个 物理 引擎， 分 别 是 Box2D 和 Chipmunk。 不 过 由 于 Chipmunk 的 文档 和 
例子 相对 较 少 ， 而 Box2D 有 很 完善 的 文档 ， 再 加 上 作者 对 Box2D 相 对 更 熟悉 点 ， 所 以 作者 选择 
Box2D 作 为 游戏 的 物理 引擎 。 

首先 ,我 们 需要 了 解 物理 引 警 Box2D 的 几 个 常见 概念 ,它们 分 别 是 世界 (World) 刚体 (Body)、 
刚体 定义 (BodyDef)、 关 联 (Fixture)、 关 联 定 义 (FixtureDef)、 形 状 (Shape)、 和 链接 (Joint) 
以 及 链接 定义 (JointDef)。 


6.1.1 世界 


世界 代表 了 一 个 遵守 某 些 物理 定律 的 空间 。 世 界 的 定义 结构 如 下 (在 Box2D/Dynamics/ 
b2World.h 里 面 ): 


class b2World 
{ 
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public: 


/ /初始 化 函数 
b2World(const lb2Vec2& gravity, bool doSleep); 


// 析 构 立 数 ， 所 有 的 物理 对 象 被 销 虹 ， 所 有 的 内 存 被 释放 
~b2World(); 


/ /注册 一 个 碰撞 检测 之 前 的 过 滤器 
Vold SetContactFilter(b2ContactrFrilter *filter): 


// 注 册 一 个 碰撞 检测 事件 的 监听 器 


void SetContactListener(b2ContactListener *11Sstener) ，; 


/ /创建 一 个 刚体 


b2Body *CreateBody (const lb2BodyDef *def).; 


// 销 毁 一 个 刚体 
Vold DestroyBody (b2Body *body); 


/ /创建 一 个 链接 


b2Joint *CreateJoint (const lb2JointDef *def): 


// 销 毁 一 个 链接 


Vold DestroyJoint (pb2Joint *joint); 


/ /获取 刚体 列表 


b2Body *GetBodyList(); 


/ /获取 链接 列表 


b2Joint *GetJointList(); 


/ /获取 碰撞 检测 的 列表 


b2Contact *GetContactList().; 


/ /获取 刚体 总 数 
int32 GetBodyCount() const,; 
/ /获取 链接 总 数 
int32 GetJointCount() const; 


/ /获取 碰撞 检测 的 总 数 


int32 GetContactCount() const:; 


/ /设置 重力 同 量 
Vold SetGravity (const b2Vec2& gravity); 


/ /获取 重力 向 量 


b2Vec2 GetGravity() const; 


/ /获取 世界 是 否 被 锁定 
bool IsLocked() const; 


\ 6.1 物理 引擎 : 


创建 世界 时 需要 完成 两 个 步 又 ， 一 是 生成 一 个 重力 丫 量 ， 二 是 根据 重力 癌 量 生成 世界 对 名 ， 
示例 代码 如 下 : 


// 生 成 一 个 重力 同 量 
b2Vec2 gravity; 
gravity.Set(0.0f, -10.0f).; 


/ /根据 重力 向 量 生 成 世界 对 象 


b2World *world = new b2World(gravity, true); 


6.1.2 刚体 及 刚体 定义 


刚体 代表 一 个 质点 ， 因 此 它 只 有 人 位置， 没有 大 小 。 物 理 ?| 擎 Box2D 把 刚体 分 为 三 种 类 型 。 
(1) 静态 刚体 (Static Body) 。 毅 态 刚体 没有 质量 , 没有 速度 , 如 琳 你 想 改变 它 的 位 置 , 只 能 通 


过 代码 修改 。 
CO) 校 柱 刚体 (Prismatic Body) 。 校 柱 刚 体 没 有 质量 ,但 是 可 以 有 速度 , ?| 警 会 根据 速度 计算 
并 更 新 它 的 位 置 。 


(3) 动态 刚体 (Dynamic Body) 。 动态 刚体 有 质量 也 可 以 有 速度 , 这 是 我 们 最 常用 的 刚体 类 型 了 。 

在 编写 程序 时 物理 引擎 Box2D 要 求 允 定义 一 个 描述 类 ， 然 后 通过 这 个 描述 类 创建 荣 个 对 象 。 
所 以 创建 刚体 就 需要 先 定义 一 个 刚体 的 信息 (刚体 定义 )， 然 后 通过 世界 的 相关 方法 创建 刚体 。 
当 刚 体 被 创建 时 刚体 定义 中 的 信息 会 被 复制 ,所 以 在 刚体 创建 完成 后 刚体 定义 还 可 以 重复 用 , 但 
古 要 记得 不 需要 刚体 定义 时 要 释放 挥 。 

“刚体 ”和 “刚体 定义 ”的 定义 结构 如 下 (在 Box2D/Dynamics/b2Body.h 里 面 )， 创 建 刚 体 时 
需要 完成 两 个 步 又 ， 一 是 生成 一 个 刚体 定义 ， 二 是 根据 刚体 定义 生成 刚体 ， 示 例 代码 如 下 : 


// 生 成 一 个 刚体 定义 
b2BodyDef groundBodyDerf.; 
groundBodyDef .position.Set (0, 0); 


/ /根据 刚体 定义 生成 刚体 


b2Body *groundBody = world->CreateBody (&groundBodyDerf).; 


6.1.3 形状 


形状 通过 关联 附加 到 刚体 上 , 这样 刚体 就 有 具有 了 视 冠 上 的 外 形 , 由 于 刚体 上 可 以 有 多 个 关联 ， 
所 以 刚体 上 也 就 可 能 有 多 个 形状 ，Box2D 称 为 组 合 形状 (Compound Shapes)， 这样 可 以 构成 更 复 
杂 的 形状 。 

“形状 ”的 定义 结构 如 下 (在 Box2D/Collision/Shapes/b2Shape.h 里 面 )， 创 建 形状 的 代码 比较 
简单， 示例 代码 如 下 : 


/ /生成 一 个 形状 
b2PolygonShape dynamicBox; 
dynamicBox.SetAsBox(0.5f, 0.5f).; 
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6.1.4 天 联 及 天 联 定 义 
关联 代表 了 一 种 附加 在 刚体 上 的 属性 , 刚体 上 可 以 有 多 个 关联 。 创建 关联 时 需要 先 定 义 一 个 天 
联 的 信息 (关联 定义 )， 然 后 通过 世界 的 相关 方法 创建 关联 。 当 关联 被 创建 时 关联 定义 中 的 信息 会 
被 复制 ， 所 以 在 关联 创建 完成 后 关联 定义 还 可 以 重复 用 ， 但 是 要 记得 不 需要 关联 定义 时 要 释放 掉 。 
“关联 ”和 “关联 定义 ”的 定义 结构 如 下 〈 在 Box2D/Dynamics/b2Fixture.h 里 面 ) ,创建 关联 时 
需要 完成 两 个 步骤 ， 一 是 生成 一 个 关联 定义 ， 二 是 根据 关联 定义 生成 关联 ， 示 例 代 码 如 下 : 
// 生 成 一 个 动态 刚体 的 关联 定义 


b2FixtureDef f1xureDerf， 


fixtureDef.shape = &dynamicBox; 

fixtureDef.density = 1.0f; 

fixtureDef.friction = 0.3f; 

/ /根据 关联 定义 生成 关联 

b2Fixture *fixture = body->CreateFixture(&fixtureDef).; 


6.1.5 ”链接 及 链接 定义 


链接 用 来 联系 多 个 刚体 ， 使 它们 产生 相互 的 影 啊 。 链 接 有 很 多 类 型 ， 所 以 必须 根据 情况 选择 
你 需要 的 链接 类 型 。 创 建 链接 时 需要 先 定义 一 个 链接 的 信息 (链接 定义 )， 然 后 通过 世界 的 相关 
方法 创建 链接 。 当 链接 被 创建 时 链接 定义 中 的 信息 会 被 复制 ,所 以 在 链接 创建 完成 后 链接 定义 还 
可 以 重复 用 ,但 是 要 记得 不 需要 链接 定义 时 要 释放 挥 。 

“链接 ”和 “链接 定义 ”的 定义 结构 如 下 (在 Box2D/Dynamics/Joints/b2Joint.h 里 面 )， 创 建 链 
接 时 需要 完成 两 个 步骤 ,一 是 生成 一 个 链接 定义 ， 二 是 根据 链接 定义 生成 链接 ， 示 例 代 码 如 下 : 

// 生 成 一 个 链接 定义 


b2LineJointDef jointDef; 
b2Vec2 axis(2.0f, 1.0f); 


axis.Normalize(); 

JointDef.Initialize(ground, body, b2Vec2(0.0f, 8.5f), axis);} 
JointDef.motorSpeeqd = 0.0f; 

JointDef .maxMotorForce = 100.0f; 

JointDef.enableMotor = true; 

JointDef.lowerTranslation = -4.0f; 

JointDef .upperTranslation = 4.0f; 

JointDef.enableLimit = true; 

/ /根据 链接 定义 生成 链接 

b2Joint *joint = m world->CreateJoint (&jointDef).; 


6.1.6 ”使 用 案例 


有 了 上 述 介 绍 的 物理 引擎 Box2D 的 知识 以 及 相关 示例 代码 , 我 们 就 可 以 在 代码 中 使 用 这 个 物 
理 引 擎 了 。 示 例 代 码 如 下 : 
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/ /获取 屏幕 大 小 \ 


CCSize screenSize = CCDirector: :sharedDirector()->getWinSize().; 


/ /定义 重力 问 量 
b2Vec2 gravity; 
gravity.Set(0.0f, -10.0f).; 


/ /根据 重力 向 量 生 成 世界 对 象 


world = new b2World(gravity, true).; 
world->SetContinuousPhysics (true),; 


// 生 成 一 个 刚体 定义 
b2BodyDef groundBodyDerf.; 
groundBodyDef .position.Set (0, 0); 


/ /根据 刚体 定义 生成 刚体 


b2Body *groundBody = world->CreateBody (&groundBodyDerf).; 


// 生 成 一 个 形状 

b2PolygonShape groundBox; 

/ /设置 形状 属性 

groundBox.SetAsEdge (b2Vec2 (0,0)，b2Vec2 (screenSize.width/PTM RATIO,0) ) ; 
/ /根据 形状 生成 关联 

groundBody->CreateFixture(&groundBox, 0); 

/ /设置 形状 属性 

groundBox.SetAsEdge (b2Vec2(0,screenSize.height/PTM RATIO) ， 

b2Vec2 (screenSize.width/PTM RATIO,screenSize.height/PTM RATIO) ) ; 


/ /根据 形状 生成 关联 
groundBody->CreateFixture(&groundBox, 0); 
// 生 成 一 个 链接 定义 

b2LineJointDef jointDef; 

b2Vec2 axis (2.0f, 1.0f); 


axis.Normalize(); 

JointDef.Initialize(ground, body, b2Vec2(0.0f, 8.5f), axis);} 
JointDef.motorSpeeqd = 0.0f; 

JointDef .maxMotorForce = 100.0f; 

JointDef.enableMotor = true; 

JointDef.lowerTranslation = -4.0f; 

jointDef .upperTranslation = 4.0f; 

JointDef.enableLimit = true; 

/ /根据 链接 定义 生成 链接 

b2Joint *joint = m world->CreateJoint (&jointDef).,; 


6.2 ”粒子 系统 


在 游戏 中 ， 经 第 需要 做 一 些 动 画 效果 ,例如 闫 雄 与 怪物 之 间 的 战斗 效果 。 我 们 可 以 通过 动画 
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实现 游戏 的 动画 效 朱 。 但 是 ， 如 采 需 要 显示 一 些 更 加 真实 的 效果 ， 例 如 实现 更 加 随机 并 且 好 看 的 
烟雾 、 雷 电 、 雨 雪 以 及 火花 等 效果 ， 就 不 能 通过 动画 来 实现 ， 因 为 这 些 效果 自身 是 动态 的 〈 随 时 
间 迅 速 变 化 的 ) ， 而 这 种 动态 变化 的 效 朱 征 由 大 量 微粒 组 合 而 形成 。 正 因为 如 此 ， 很 难 用 一 个 确 
定 的 数学 公 却 来 模拟 出 这 些 效 末 。 

为 了 在 游戏 中 实现 这 些 效 末 ,我 们 必须 ?| 进 粒 子 系统 。 有 了 粒子 系统 ,游戏 才能 显得 更 加 真 
实 而 证 有 生命 感 。 在 粒子 系统 中 , 至 少 要 包括 四 大 部 分 : 大 量 的 粒子 对 象 、 每 个 粒子 遵守 的 规律 、 
每 个 粒子 的 随机 性 和 持续 更 新 的 粒子 状态 。 按 照 预 完 定 义 好 的 规则 ,不 断 产 生出 大 量 粒 子 ， 每 个 
粒子 孝 按 照 定义 好 鸭 参 数 进行 整体 变化 和 个 性 变化 , 大 量 鸭 粒子 效 霖 合 加 束 可 以 形成 我 们 所 知 
的 效 采 。 

粒子 系统 主要 分 为 如 下 两 种 便 式 。 

(1) 重力 式 粒 子 系统 。 这 种 粒子 系统 中 存在 “重力 ， 就 好 像 地 球 的 万 有 引力 一 样 ， 所 有 的 粒 
子 部 会 受到 重力 的 约束 ， 当 然 重 力 的 大 小 是 可 以 目 己 定义 的 。 

(2) 放射 式 粒 子 系统 。 这 种 粒子 系统 中 不 存在 重力 ， 因 此 粒子 都 好 像 在 太空 ， 不 再 受到 地 球 
万 有 5 引力 的 作用 。 

粒子 系统 说 明了 这 些 粒 子 要 遵守 菜 种 规则 ， 而 规则 古 通 过 一 系列 参数 定义 的 。 这 些 参 数 中 ， 
有 些 既 可 以 用 于 重力 式 粒 子 系统 , 也 可 以 用 于 放 喘 式 粒 子 系统 ， 而 有 些 只 能 用 于 重力 式 粒 子 系 统 
或 者 放射 式 粒 子 系统 。 表 6-1 是 这 些 参数 的 简单 介绍 及 适用 已 围 。 


表 6-1 粒子 系统 参数 的 简单 介绍 及 适用 范围 


名 称 描述 7 
重力 式 放射 式 
重心 粒子 系统 的 重心 J 区 
速度 粒子 的 初速 度 - 、 
方向 粒子 的 初速 方向 v 到 
尽 滞 粒子 的 大 小 WW Vv 
生命 粒子 存在 的 时 间 v 有 
颜色 粒子 的 颜色 有 - 
自转 角度 | ”粒子 是 否 要 绕 着 自己 的 轴 心 旋转 
公转 角度 。 | 。 粒子 是 否 要 以 重心 为 轴 心 旋转 x 有 
角 加 速度 “| ”粒子 的 角 加 速度 ,如果 角 加 速度 不 等 于 零 , 那么 粒子 会 围绕 重 y 
心 旋转 
线 加 速度 “| ”粒子 的 线 加 速度 ,如果 线 加 速度 不 等 于 零 , 那么 粒子 的 速度 会 有 x 
发 生变 化 
半径 粒子 的 当前 位 置 和 重心 的 距离 5 攻 
分 组 模式 ”| ”分 组 模式 规定 了 一 个 粒子 是 否 跟着 重心 移动 ,不 分 组 表示 粒子 vv 


在 出 生 后 就 不 会 跟着 重心 移动 了 , 分 组 表示 如 来 重心 改变 了 ,， 粒 
子 也 会 相对 改变 位 置 
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表 6-1 中 介绍 的 参数 都 可 以 附加 一 个 随机 参数 ， 这 样 可 以 保证 产生 的 粒子 具有 一 定 的 差异 。 
所 以 可 以 把 粒子 系统 看 成 一 个 状态 机 , 一 旦 设置 好 了 初始 状态 和 结束 状态 ,那么 这 个 系统 里 所 有 
的 粒子 就 会 从 这 个 初始 状态 逐渐 变化 到 结束 状态 。 

在 cocos2d-x5| 擎 里面， 粒子 对 和 象 的 定义 结构 如 下 (在 文件 include/CCParticleSystem.h 里 面 ): 


typedef struct sCCParticle { 
CCPoint pos;// 位 置 
CCpolint gtartPpogsy 7/ 起 始 位 置 


ccColor4F color;// 颜 色 
ccColor4F deltaColor;// 颜 色 变 化 


foat Sizer 7 大 小 
float deltaSize;// 大 小 变化 


float rotation;// 旋 转角 度 
float deltaRotation;// 旋 转角 度 的 变化 


ccTime timeToLive;// 存 在 时 间 


struct { 

CCPoint dir;// 运 动 方向 

float radialAccel;// 径 向 加 速度 。 逃 离 发 射 原点 的 速度 

float tangentialAccel;// 切 线 加 速度 。 围 绕 发 射 原点 旋转 速度 
} modeAa; 


struct { 
float angle;// 角 度 
float degreesPerSecond;// 每 秒 的 角度 变化 
float raaiusyy/ /半径 
float dqeltaRadius;y/ /半径 变 化 
} modeB; 


}tCCParticley;// 和 粒子 对 象 
在 cocos2d-x 里 面 粒子 系统 的 定义 结构 如 下 (在 文件 include/CCParticleSystem.h 里 面 ): 


class CCParticleSystem : public CCNode, public CCTextureProtocol 
{ 
Drotected : 

struct { 

CCPoint gravity;// 重 力 癌 量 

float speed;// 运 动 速度 
float speedVar;// 运 动 速度 的 变化 率 
float tangentialAccel;// 切 向 加 速度 
f 
f 


Jjoat tangentialAccelVar;// 切 同 加 速度 的 变化 率 
loat radialAccel;// 径 癌 加 速度 
float radialAccelVar;y// 径 癌 加 速度 的 变化 率 


struct { 
float startRadius;// 起 始 半 会 
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float StartRadiusVary;// 起 始 半径 的 变化 率 
float endqRadius;/ /结束 半 径 

float endRadiusVar;// 结 束 半 人 径 的 变化 率 

float rotatePerSecond;// 旋 转角 度 

float rotatePerSecondVar;// 旋 转角 度 的 变化 率 
} modeB,; 


tCCParticle xm pbpParticles;/ /粒子 的 数组 
float m_fEmitCounter;// 发 射 器 每 秒 发 射 的 粒子 数 


} ; / /粒子 系统 

通过 上 述 粒 子 对 象 和 粒子 系统 的 对 象 手 述 ， 我 们 可 以 看 出 modeA 主 要 定义 一 些 宏 观 的 属性 ， 
而 modeB 则 定义 一 些微 观 的 属性 。modeB 的 数据 与 随机 数 相 乘 就 可 以 实现 随机 的 效果 。 
CCRANDOM_MINUS1_1 是 一 个 随机 函数 ， 随 机 地 生成 一 个 介 于 -1 到 1 之 则 的 数据 。 

在 cocos2d-x 引 警 中 ， 一 共 提 供 了 两 类 粒子 系统 ， 分 别 是 重力 式 的 粒子 系统 (CCParticle- 
SystemPoint) 和 放射 式 的 粒子 系统 (CCParticleSystemQuad)， 这 两 个 粒子 系统 都 继承 于 
CCParticleSystem。 这 二 者 的 类 结构 关系 如 图 6-1 所 示 。 


CCParticleSystem 


CCParticleSystemQOuad SCOPmelienl mEenn 


图 6-1 CcParticleSystem 在 cocos2d-x3| 敬 中 的 类 结构 关系 图 


CCParticleSystem 主 要 定义 了 粒子 对 象 的 数据 结构 以 及 粒子 系统 的 一 些 公 共 方 法 ， 
CCParticleSystempPoint 和 CCParticleSystemouad 则 根据 自身 特性 增加 了 一 些 新 的 方法 。 
而 且 CCParticlesystemouad 比 CCParticleSsystemPoint 支 持 更 多 的 特性 : 

(1) CCParticleSystemouad 能 够 围 纸 轴 线 进 行 许 转 ， 而 CCParticleSystemPoint 包 上 略 了 
这 个 属性 ; 

(2) CCParticleSystemouad 支 持 更 多 的 粒子 对 象 ; 

(3) CCParticleSsystemouad 可 以 使 用 scale 属 性 进行 缩放 。 

粒子 系统 CCParticleSystem 的 主要 函数 解释 如 下 : 

CCParticleSystem();// 初 始 化 粒子 系统 


static CCParticleSystem *particleWithFile(const char *plistFile).; 


/ /根据 plist 文 件 生成 粒子 系统 
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bool initWithFile(const char *plistFile);// 根 据 plist 文 件 初始 化 粒子 系统 

bool initWithDictionary (CCDictionary<std::string, CCObject *> *dictionary); 
/ /根据 目录 初始 化 粒子 系统 

virtual bool initWithTotalPparticles (int numberOfpPparticles).; 


/ /根据 粒子 对 象 的 总 数 初始 化 粒子 系统 


bool adqdqParticle();/ /增加 一 个 粒子 对 象 

void initParticle(tCCParticle *particle);/ /初始 化 一 个 粒子 对 象 
void stopSystem() ;// 停 止 粒子 系统 

void resetSystem();// 重 置 粒 子 系 统 

bool isFul1l() ;7/ /粒子 系统 是 否 已 经 满 了 


刚才 讲述 的 粒子 和 粒子 系统 的 对 象 ， 相 信 大 家 已 经 理解 了 。 现 在 我 们 就 开始 使 用 这 些 对 象 来 
实现 整个 粒子 系统 的 动态 效果 。 现 在 我 们 分 别 看 一 下 CCParticleSystemPoint 和 CCParticle- 
SystemQuad 这 两 个 粒子 系统 的 示例 代码 。 


6.2.1 重力 式 粒子 系统 


重力 式 粒 子 系统 也 就 是 CCParticleSystemPoint 粒 子 系 统 ， 主 要 特点 是 这 个 系统 中 存在 
重力 ”， 就 好 像 万 有 引力 一 样 ， 所 有 的 粒子 都 会 受到 这 个 重力 的 约束 ， 就 好 像 你 在 空中 那 必 然 是 
会 掉 向 地 面 一 样 。 重 力 式 粒 子 系统 的 使 用 步骤 如 下 。 

第 一 步 ， 建 立 一 个 Point 的 粒子 系统 。 


/ /建立 一 个 Point 的 粒子 系统 


CCParticleSystem *m emitter = new CCParticleSystempPoint(); 
生生 一 I a Ue 

第 二 步 ， 产 生 300 个 粒子 对 象 。 

/ /产生 300 个 粒子 对 象 


m emitter->initWithTotalParticles(300);， 
第 三 步 ， 设 置 粒子 对 象 以 及 粒子 系统 的 相关 参数 。 
// 设 置 粒子 的 图 像 ， 粒 子 虽 然 小 ， 但 是 还 是 需要 有 上 自己 的 图 像 ， 如 果 疫 有 texture 必 性， 引擎 会 默认 一 个 图 像 


m emitter->setTexture( CCTextureCache: :sharedTextureCache()->addImage ("test.png") ); 


/ /设置 粒子 系统 的 持续 时 间 


m emitter->setDuration(-1),; 


/ /设置 重力 向 量 


m emitter->setGravity (CCPointZero),; 


/ /设置 角度 、 角 度 的 变化 率 
m emitter->setAngle(0).; 
m_ emitter->setAngleVar (360) ; 


// 设 置 径 癌 加 速度 、 径 向 加 速度 的 变化 率 
m emitter->setRadialAccel (70);， 
m emitter->setRadialAccelVar (10) ; 


/ /设置 切 向 加 速度 、 切 向 加 速度 的 变化 率 
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m_ emitter->setTangentialAccel (80); 


m emitter->setTangentialAccelVar(0); 
/ /设置 运动 速度 、 运 动 速度 的 变化 率 
m emitter->setSpeed(50); 


m emitter->setSpeedVar (10) ; 


/ /设置 粒子 位 置 、 粒 子 位 置 的 变化 率 
m_ emitter->setPosition( CCPointMake( s.width/2, s.height/2) ); 
m_ emitter->setPosVar (CCPointZero),; 


/ /设置 粒子 的 存在 时 间 、 存 在 时 间 的 变化 率 
m emitter->setLife(2.0f).; 
m_ emitter->setLifeVar (0.3f).; 


/ /设置 粒子 开始 时 颜色 、 粒 子 开始 时 颜色 的 变化 率 
m emitter->setStartColor({0.5f, 0.5f, 0.5f, 1.0f}); 
m emitter->setStartColorVar({0.5f, 0.5f, 0.5f, 1.0f}); 


/ /设置 粒子 结束 时 颜色 、 粒 子 结 束 时 颜色 的 变化 率 
m emitter->setEndColor({0.1f, 0.1f, 0.1f, 0.2f}); 
m emitter->setEndColorVvar({0.1f, 0.1f, 0.1f, 0.2f}); 


/ /设置 粒子 开始 时 大 小 、 粒 子 开始 时 大 小 的 变化 率 
m emitter->setStartSize(1.0f); 
m emitter->setStartSizeVar(1.0f).; 


/ /设置 粒子 结束 时 大 小 、 粒 子 结束 时 大 小 的 变化 率 
m emitter->setEndSize(32.0f); 


m emitter->setEndSizeVar (8.0f); 


/ /设置 每 秒 产生 的 粒子 数 
m_ emitter->setEmissionRate(m emitter->getTotalParticles()/m emitter->getLife()); 


第 四 步 ， 将 这 个 粒子 系统 设置 到 背景 层 上 。 


/ /将 m_emitter 设 置 到 m_lbackground 这 个 层 上 面 
m background->addChild(m emitter, 1); 


6.2.2 ”放射 式 粒子 系统 


放射 式 粒子 系统 也 就 是 CCParticlesystemouaq 粒 子 系统 ， 主 要 特点 是 这 个 系统 中 不 存在 
重力 ， 粒 子 都 好 像 到 了 太空 。 那 么 如 果 我 把 重力 式 粒子 系统 中 的 重力 设置 为 0， 是 否 就 等 于 放射 
式 ? 否 ， 因 为 这 两 种 模式 各 和 目 有 一 些 特 定 参数 。 放 射 式 粒子 系统 的 使 用 方式 如 下 。 

第 一 步 ， 建 立 一 个 Quad 的 粒子 系统 。 


// 建 立 一 个 ouad 的 粒子 系统 


CCParticleSystem *m emitter = new CCParticleSystemOuad(); 


第 二 步 ， 产 生 300 个 粒子 对 象 。 


// 产 生 300 个 粒子 对 象 


m emitter->initWithTotalParticles(300);， 


第 三 步 ， 设 置 粒 子 对 象 以 及 粒子 系统 的 相关 参数 。 


6.2 ”粒子 系统 


/ /设置 粒子 的 图 像 ， 粒 子 虽然 小 ， 但 是 还 古 需 要 有 自己 的 图 像 ， 如 果 没 有 texture 属 性 ，5| 擎 会 默认 一 个 图 像 。 


笔者 认为 默认 的 这 个 图 片 非常 丑 


m_ emitter->setTexture( CCTextureCache: :sharedTextureCache()->addIimage ("test.png") 


/ /设置 粒子 系统 的 持续 时 间 


m_ emitter->setDuration(-1); 


/ /设置 重力 向 量 


m emitter->setGravity (CCPointZero),; 


/ /设置 角度 、 角 度 的 变化 率 
m_ emitter->setAngle(90); 
m_ emitter->setAngleVar (360) ; 


// 设 置 运动 速度 、 运 动 速度 的 变化 率 
m_ emitter->setSpeed(160); 
m_ emitter->setSpeedVar (20) ; 


/ /设置 径 辣 加 速度 、 径 向 加 速度 的 变化 率 


m emitter->setRadialAccel(-120); 


m emitter->setRadialAccelVar (0);} 


/ /设置 切 向 加 速度 、 切 向 加 速度 的 变化 率 


m_ emitter->setTangentialAccel (30);， 


m emitter->setTangentialAccelVar(0).; 


/ /设置 粒子 人 位置、 粒子 位 置 的 变化 率 
m emitter->setPosition( CCPointMake(160,240) ); 
m_ emitter->setPosVar (CCPointZero),; 


/ /设置 粒子 的 存在 时 间 、 存 在 时 间 的 变化 率 
m emitter->setLife(3).; 
m emitter->setLifeVar(1);} 


/ /设置 粒子 开始 时 自 旋转 速度 、 粒 子 开始 时 自 旋转 速度 的 变化 率 
m emitter->setStartSpin(0).; 
m emitter->setStartSpinVar(0); 


/ /设置 粒子 结束 时 自 旋转 速度 、 粒 子 结束 时 自 旋 转速 度 的 变化 率 
m emitter->setEndSpin(0); 
m emitter->setEndSpinVar (2000) ; 


/ /设置 粒子 开始 时 颜色 、 粒 子 开始 时 颜色 的 变化 率 
m emitter->setStartColor({0.5f, 0.5f, 0.5f, 1.0 
m emitter->setStartColorVar({0.5f, 0.5f, 0.5f, 


// 设 置 粒 子 结束 时 颜色 、 粒 子 结束 时 颜色 的 变化 率 
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m emitter->setEndColor({0.1f, 0.1f, 0.1f, 0.2f}); 
m emitter->setEndColorVar({0.1f, 0.1f, 0.1f, 0.2f}); 


/ /设置 粒子 开始 时 大 小 、 粒 子 开始 时 大 小 的 变化 率 


m emitter->setStartSize(30.0f); 


m emitter->setStartSizeVar(00.0f); 


/ /设置 粒子 结束 时 大 小 、 粒 子 结束 时 大 小 的 变化 率 
m emitter->setEndSize(30.0f); 


m emitter->setEndSizeVar(00.0f); 


/ /设置 每 秒 产 生 的 粒子 数 

m_ emitter->setEmissionRate(m emitter->getTotalParticles()/m emitter->getLife()); 
大声 | 人 > J4b 司 . 记 

第 四 步 ， 将 这 个 粒子 系统 设置 到 背景 层 上 。 


// 将 m_emitter 设 置 到 m_background 这 个 层 上 面 
m background->addChild(m emitter, 1); 


从 上 面 两 个 示例 可 以 看 出 粒子 系统 的 使 用 方法 基本 相同 , 唯一 不 同 的 就 是 参数 。 那 么 我 们 如 
何 设计 这 么 多 的 参数 , 而 且 还 得 让 参数 设计 好 之 后 的 粒子 系统 产生 我 们 想 要 的 效 末 呢 ? 这 就 要 用 
到 粒子 系统 的 设计 工具 了 。cocos2d-x5| 擎 直接 支持 的 粒子 系统 设计 工具 是 Particle Designer。 

除了 上 述 直 接 使 用 参数 实现 粒子 效果 外 ，cocos2d-x 引 擎 还 实现 几 种 常用 的 粒子 效果 ( 见 表 
6-2)， 这 几 种 党 用 的 粒子 效果 定义 在 CCParticleExamples.h 文 件 内 。 


表 6-2 ”cocos2d-x 实 现 的 粒子 效果 


英文 名 称 类 名 

Fire CCParticlerire 
Fireworks CCParticleFireworks 
Sun CCParticleSun 
eGalaxy CCParticleGalaxy 
Flower CCParticleFlower 
Meteor CCParticleMeteor 
Spiral CCParticleSpiral 
Explosion CCParticleExplosion 
Smoke CCParticleSmoke 
Snow CCParticleSnow 

Rain CCParticleRain 


粒子 系统 能 产生 大 千 世 界 的 大 部 分 行为 ,这 些 就 需要 大 家 一 起 来 研究 了 ,也 许 还 需要 很 多 灵感 。 
6.3 ”声音 模块 


在 游戏 开发 中 , 声音 的 地 位 并 不 如 图 形 那么 重要 。 我 们 在 开发 游戏 时 会 化 费 大 量 的 精力 做 图 


6.3 声音 模块 


形 的 新 功能 和 特效 ， 还 有 专门 的 美工 设计 图 形 ， 然 而 花 在 声音 这 一 块 的 精力 肯定 设 有 图 形 多 。 即 
使 是 如 此 ， 一 个 游戏 仍然 少不了 声音 的 存在 。 

没有 声音 的 游戏 算 不 上 一 个 好 游戏 。 那 么 如 何 让 游戏 发 出 声音 呢 ? 一 般 情况 下 , 不 同 的 平台 
都 提供 了 专门 用 来 播放 声音 的 接口 ， 我 们 只 需要 调用 这 些 接口 就 可 以 了 。 在 iOS、Android 和 沃 
Phone 这 三 个 平台 上 ， 每 个 平台 都 有 播放 声音 的 接口 ， 而 且 这 些 接口 的 实现 方式 都 不 一 样 。 通 过 
这 些 平 台 的 接口 ， 游 戏 就 可 以 播放 声音 。 可 是 如 果 这 样 的 话 ， 我 们 就 需要 针对 不 同 的 平台 编写 不 
同 的 播放 声音 的 代码 ， 这 种 做 法 不 满足 cocos2d-x 引 | 擎 跨 平 台 的 要 求 。 

因此 ，cocos2d-x5| 敬 提供 了 一 个 单独 的 声音 模块 ， 这 个 模块 封装 了 iOS、Android 和 沃 Phone 
这 三 个 平台 播放 声音 的 接口 。 这 样 游戏 里 面 就 可 以 用 同一 套 代码 完成 不 同 平台 上 声音 的 播放 了 。 
声音 模块 代码 的 定义 结构 如 下 (在 文件 SimpleAudioEngine.h 里 面 ): 


class SimpleAudioEngine 
public: 
/ /获取 SimpleAudioEngine 的 实例 
static SimpleAudioEngine *sharedEngine();} 


/ /注销 SimpleAudioEngine 的 实例 
static void end(); 


/ /设置 资源 文件 


static void setResource(const char *pszZipFileName); 


// 预 加 载 背 景 音乐 


void preloadBackgroundMusic(const char *pszFilePath); 


/ /播放 背景 音乐 
void playBackgroundMusic (const char *pszFilePath, bool bLoop = false).; 


/ /停止 播放 背景 音乐 
vold stopBackgroundMusic(bool bReleaseData = false).; 


/ /暂停 播放 声音 
vold pauseBackgroundMusic(); 


/ /恢复 播放 声音 
vold resumeBackgroundMusic(); 


/ /判断 是 否 正 在 播放 背景 音乐 


bool isBackgroundMusicPlaying();} 


// 歼 取 背 景 音 乐 的 音量 大 小 
float getBackgroundMusicVolume(); 


/ /设置 背景 音乐 的 音量 大 小 


vold setBackgroundMusicVolume (float volume); 


/ /获取 音效 的 音量 大 小 
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float getEffectsVolume();} 


/ /设置 音效 的 音量 大 小 


void setEffectsVolume (float volume).; 


// 播 放 音 多 
unsigned int playEffect (const char *pszFilepath);} 


/ /停止 播放 音 交 
volid stopEffect (unsigned int nSoundlId); 


// 预 加 载 音 效 


Vold PreloadqEffect (const char *pszFilePath); 


// 御 载 音 效 
vold unloadEffect (const char *pszFilePpath).; 
}; 


现在 我 们 看 看 在 游戏 中 是 如 何 使 用 这 些 函 数 的， 下面 是 典型 的 用 法 : 


/ /获取 SimpleAudioEngine 有 的 实例 
SimpleAudioEngine s_SharedEngine = SimpleAudioEngine: :sharedEngine(); 


/ / 预 加 载 音 多 


s_SharedEngine->preloadEffect ("Audio/Openl .ogg");} 


/ /播放 背景 音乐 
s_SharedEngine->playBackgroundMusic("Audio/backgrounp.mp3",true); 


/ /停止 播放 背景 音乐 
s_SharedEngine->stopBackgroundMusic(true);} 


/ /播放 音效 
int nSoundId = s_SharedEngine->playEffect ("Audio/Openl .ogg"); 


/ /停止 播放 音 竟 
s_SharedEngine->stopEffect (nSoundId).; 


/ /注销 SimpleAudioEngine 的 实例 
s_SharedEngine->endgd().; 


好 了 , 有 了 声音 模块 的 支持 , 大 家 就 可 以 在 游戏 内 播放 声音 了 ,从 而 , 游戏 束 进 入 有 声 世界 了 。 
6.4 总 结 


本 鞋 对 cocos2d-x5| 擎 中 的 一 些 高 级 特性 做 详细 的 介绍 , 主要 包括 物理 引擎 、 粒 子 系统 和 声音 
模块 。 在 接 下 来 的 一 章 里 ， 主 要 介绍 cocos2d-x 引 警 的 周边 工具 以 及 交叉 编译 等 。 
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通过 学 习 第 $ 章 和 第 6 草 , 我 们 已 经 了 解 了 cocos2d-x 引 擎 的 整体 架构 和 一 些 高 级 特性 , 本 草 我 
们 以 沃 Phone 系 统 为 例 学 习 cocos2d-x 的 一 些 周 边 工 具 的 使 用 ,这 些 工 具 包 括 沃 Phone 应 用 程序 打包 
工具 、 图 片 编辑 右 、 瓦 族 地 图 编辑 工具 和 粒子 系统 设计 工具 。 


7.1 沃 Phone 应 用 程序 打包 工具 


沃 Phone 应 用 打包 工具 (QAppPublisher.exe) 下 NR Phone Re TCOM 组 件 
和 主屏 大 插件 等 进行 打包 。 产 生 的 安装 包 可 直接 在 添 Phone 终 端 上 进行 安装 ， 也 可 以 直接 发 布 到 
沃 Phone 商 城 。 

如 琳 安 装 了 沃 Phone 的 SDK， 那 么 可 以 在 “开始 ” 且 单 中 选择 “所 有 程序 一 沃 Phone SDK 一 
工具 一 应 用 发 布 工具 ”找到 沃 Phone 应 用 打包 工具 。 打 开 该 工具 的 界面 如 图 7-1 所 示 。 该 工具 是 一 
个 典型 的 Windows 应 用 程序 ， 界 面 从 上 到 下 分 别 是 集 单 栏 、 工 具 栏 、 操 作 区 和 状态 栏 。 


菜单 栏 一 有 
工具 栏 -出 访 | 加 | | 会 | sl@ 


开始 页 面 | 


欢迎 使 用 沃 Phone 应 用 软件 打包 工具 


® 最 近 工 程 列表 


沃 Phone 应 用 开发 者 
非常 感谢 您 对 天 phone 应 用 开发 的 支持 ， 请 先 梧 置 好 开发 者 信息 ， 就 可 以 
a ens 作 了 i 
如 果 您 还 没有 成 为 洋 Phone 开 发 者 ,请 到 尖 Phone 官 网 申请 成 为 尖 Phone 的 
沃 Phone 开 发 者 社区 : httpe/Jev.uphoneapp.com 


用 软件 包 信息 


县 训 持 一 个 和 多 个 应 用 的 打包 工作 ， 首先 要 要 对 安装 包 的 基本 属性 设 
置 ， 六 最 后 流 加 应 用 程序 需要 的 支持 丸 件 。 


一 一 状态 栏 


新 建 一 个 
~ 沃 phone 应 用 安装 


a 生成 安装 包 
4 编译 后 会 产生 一 个 安装 包 文 件 和 一 个 配置 六 件 ， 安 装 包 文件 是 经 过 签名 的 
沃 phone 应 用 安装 Pl 本 这 有 本 时 六 件 称 存 了 安装 包 遇 营 本 信息 ， 下 次 可 秆 持 扣 载 人 


图 7-1 沃 Phone 应 用 程序 打包 工具 
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第 7 章 cocos2d-x 之 周边 工具 
沃 Phone 应 用 程序 打包 工具 支持 “ 癌 导 模式 ”和 “列表 模式 ”两 种 操作 方式 。“ 问 导 模式 ” 具 
有 引导 性 ，“ 列 表 模式 ”可 进行 快速 操作 ， 它 们 之 间 可 以 自由 切换 ， 不 会 影响 数据 的 处 理 。 
在 某 单 中 选择 “新 建 ” 或 者 在 工具 栏 中 选择 第 一 个 按钮 “新 建 ， 也 可 以 在 “开始 页 面 ” 中 
选择 “新 建 一 个 沃 Phone 应 用 安装 ”按钮 ， 进 入 “向 导 模式 ”开始 对 一 个 新 的 沃 Phone 应 用 安装 包 
进行 配置 ， 如 图 7-2 所 示 。 


开始 页 面 | 向 号 模式 | 列表 模式 


我 的 工程 


草 安装 包 基 本 信息 
yn a i | 
请 配置 安装 包 的 基本 属性 ， 可 方便 对 您 的 应 用 安装 包 进 行 分 类 和 版 本 升级 等 控制 。 


多 ) 什么 是 软 fp? 


软件 名 称 *: 软件 类 别 : 


@) 如 何 获取 软件 ID? 
软件 ID*: 软件 属性 : 
C/C++ 
版 本 号 : 安装 位 置 : 
0 00 000 | 系统 决定 


回 版 权 信息 


[a 应 用 配置 国 :onsisxft 


图 7-2 ”新 建 一 个 沃 Phone 应 用 安装 


从 图 7-2 中 可 以 看 出 ,“ 回 导 模 式 ”， 有 3 个 步骤 需要 配置 ， 分 别 定 “软件 包 设置 、 应 用 配置 
和 “添加 支持 文件 ， 下 面 分 别 详细 地 介绍 这 3 个 步骤 。 


7.1.1 软件 包 设 置 


软件 包 设 置 ” 是 对 沃 Phone 应 用 安 猜 包 基 本 信息 的 设置 ， 需 要 对 添 Phone 安 装 包 设置 软件 名 
称 、 导 入 安装 包 的 唯一 JID 号 (软件 ID) 和 设置 版 本 号 等 ， 如 图 7-3 所 示 。 在 图 7-3 所 示 的 界面 中 ， 
带 有 “*” 标 志 的 是 必 填 选项 。 

(1) 软件 名 称 。 给 安装 包 设置 一 个 名 称 。 支 持 中 英文 格式 。 

(2) 软件 ID。 为 了 确保 软件 包 的 唯一 性 ， 软件 有 D 由 沃 Phone 应 用 商城 分 配 , 一 个 软件 DD 只 能 被 
一 个 安装 包 使 用 。 软 件 ID 是 以 XML 文 件 格 式 保存 的 ， 这 里 只 需 点 击 “ 导 入 ”按钮 ， 选 择 软件 ID 
文件 ， 导 入 后 就 会 显示 该 软件 包 的 唯一 JD 号 。 下 面 就 是 软件 ID 的 一 个 示例 。 


<?Xxml] version="1.0"?> 


<VERSION name = "1].0"> 
<SOFT_ID name="WOPHONE mt _ uphone"> 
<APP_ID name = "mt _ uphone" type="String" >mt_ uphone</APP_ID> 
</SOFT_ ID> 
</VERSION> 
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7.1 沃 Phone 应 用 程序 打包 工具 


(3) 软件 类 别 。 软 件 类 别 生 给 软件 包 的 一 个 分 类 ， 有 游戏 、 娱 乐 和 工具 等 20 个 类 别 可 供 选 择 。 
(4) 软件 属性 。 标 识 软件 包 的 应 用 属性 ， 必 须 为 C/C++。 


(5) 安装 位 置 。 安 装 位 置 决定 对 一 些 数据 文件 安放 处 理 ， 包 括 系 统 决 定 、 只 安装 在 内 部 存储 
区 、 优 先 安装 在 外 部 存储 区 .。 

(6) 版 本 号 。 给 安装 分 配 一 个 版 本 号 ， 方便 升级 维护 ， 如 1.01.001。 

(7) 版 权 信息 。 对 软件 包 版 权 的 一 个 申明 信息 。 


可 安装 包 基 本 信息 


请 配置 安装 包 的 基本 属性 ， 可 方便 对 您 的 应 用 安装 包 进 行 分 类 和 版 本 升级 等 控制 。 


软件 名 称 *: 软件 类 别 : 


游戏 

软件 属性 : 

C/C++ 

安装 位 置 : 

素 统 定 | 


软件 ID*: 


版 本 号 : 
0 00 000 


图 7-3 ”软件 包 设 置 
将 上 述 信 息 全 部 填 完 之 后 的 一 个 示例 如 图 7-4 所 示 。 


开始 页 面 | 向导 模式 | 列表 模式 


我 的 工程 


年 安装 包 基 本 信息 


请 配置 安装 包 的 基本 属性 ， 可 方便 对 您 的 应 用 安装 包 进 行 分 类 和 版 本 升级 等 控制 。 
人 @) 什么 是 次? 
软件 名 称 =#: 
安装 包 测 二 
软件 ID*: 
WOPHONE_mt_uphone 
版 本 号 : 


1 00 000 


软件 类 别 : 
人 @) 如 可 软 fp? 


软件 属性 : 
C/C++ 

安装 位 置 : 
| 系统 决定 


加 | 版 权 信 息 
安装 包 测试 的 版 权 信 息 


[ 应 用 配置 国 :nxisxf 


图 7-4 软件 包 议 置 的 示例 


配置 完 “ 软 件 包 设 置 ”后 ， 可 所 击 辣 左前 头 或 者 点 击 “ 应 用 配置 ”按钮 ， 进 入 “应 用 配置 ” 
页 面 。 


’ 
‘ 、 
‘ 、 
了 \ 
1 1 
1 1 
\ Es 
、\ 和 
~ 的 
SS 
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7.1.2 应用 配置 


在 “应 用 配置 ”页 面 ， 开 发 者 可 添加 配置 沃 Phone 的 应 用 程 订 、 添 加 配置 应 用 入 口 及 入 口 快 
捷 方 式 。 刚 进入 该 页 面 会 提示 开发 者 添加 一 个 应 用 ， 如 图 7-5 所 示 。 


配置 安装 包 的 应 用 程序 ， 本 工具 支持 对 和 洗 个 应 用 同时 进行 打包 ， 实 现 一 个 安装 包 可 安装 季 个 应 用 。 


碟 击 添加 按 福 ， 开 捅 您 的 应 用 配置 吧 。 


图 7-5 ”添加 应 用 


点 击 “ 添 加 ”按钮 ， 进 入 添加 应 用 程序 设置 界面 ， 如 图 7-6 所 示 。 在 该 界面 中 需要 选择 应 用 
程序 文件 、 选 择 应 用 ID 及 判断 是 否 支 持 TCOML。 

(1) 添加 引用 程序 。 沃 Phone 应 用 程序 是 运行 在 沃 Phone 终 端 上 的 具体 文件 。 点 击 “ 浏 览 ” 按 
钮 添加 一 个 沃 Phone 的 应 用 程序 (后 级 名 为 so 的 库 文 件 )。 

0 为 应 用 选择 一 个 APP ID。 选 择 应 用 ID (APP ID)， 应 用 了 D 是 在 “软件 包 设置 ”里 面 导 入 
的 。 这 里 只 需 选 择 一 个 应 用 ID， 不 可 以 修改 。 

人 支持 TCOM。 选 择 该 应 用 是 否 支持 TCOM。 


沪 加 应 用 程序 *: 
C:Wsers\adminiDesktopimt_game_setupWibmt_uphone.so 


为 应 用 选择 一 个 APP ID*: 


回 支 持 TCOM 


图 7-6 ”添加 应 用 


点 击 “ 确 定 ”完成 应 用 的 配置 添加 。 当 应 用 添加 完成 后 ， 回 到 “应 用 配置 ”页 面 ， 如 图 7-7 
所 示 。 

再 次 点 击 “ 添 加 ”按钮 时 弹出 一 个 菜单 选项 ， 在 弹出 的 采 单 选项 内 可 以 选择 “添加 应 用 ”或 
者 “添加 入 口 ”。 此 时 ， 可 以 点 击 “ 添 加 入 口 >>” 按 钮 ， 弹 出 添加 入 口 界 面 ， 如 图 7-8 所 示 。 
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WW 应 用 配置 


配置 安装 包 的 应 用 程序 ， 本 工具 支持 对 多 个 应 用 同时 进行 打包 ， 实 现 一 个 安装 包 可 安装 多 个 应 用 。 


添加 ”|| 移 除 | 


~ 应 用 App_ID: mt_uphone 


7.1 沃 Phone 应 用 程序 打包 工具 


应 用 程序 : 
|C:UsersedminWDesktopWnt_game_setupWibmt_uphone.so 


APP ID: mt _uphone 


支持 TCOM 


图 7-7 ”应 用 添加 完成 


当前 入 口 应 用 的 APP ID: mt_uphone 


入 口 描述 *: 安装 包 测 试 入 口 值 *: 


加 快捷 方式 
快捷 名 称 #: 


图 标 类 型 : 


大 图 标 *: 


小 图 标 : 


四 


‘小 图 标 ，) 


图 7-8 ”为 应 用 添加 入 口 


(1) 当前 入 口 应 用 的 APP ID。 显 示 了 该 入 口 所 对 应 的 应 用 ID (APP ID)。 


(2) 入 口 描述 。 入 口 的 摘 述 信息 ， 目 动 关 联 了 软件 包 名 称 ， 可 以 自行 修 改 。 
(3) 入 口 值 。 可 选择 范围 古 0 一 9 的 任 一 个 数字 ， 同 一 个 应 用 多 人口 时 不 能 设置 相同 的 入 口 值 。 


(4) 快捷 方式 。 选 中 时 ， 可 以 将 当前 入 口 添加 到 沃 Phone 终 端 主屏 幕 上 的 一 个 图 标 ， 如 图 7-9 
所 示 。 当 选中 “快捷 方式 ”时 ,快捷 名 称 关 联 着 入 口 描 述 ， 可 以 自行 修改 ,快捷 名 称 会 显示 在 沃 
Phone 终 关上。 图 标 类 型 包括 ALL、HVGA 和 WVGA 三 种 方式 。 
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当前 入 口 应 用 的 APP ID: 


入 口 描述 *: 安装 包 测 入 口 值 *: [re 
下 快捷 方式 
快捷 名 称 *: 安装 包 测 起 


图 标 类 型 [AL = 


大 图 标 *: 


C:Wsers\admin\Desktop\ 图 标 72x72.png 


小 图 标 : 


C:WUserswdminWDesktop 人 图 标 48x48.png 


‘小 图 标 ? 


取消 | 


图 7-9 ”为 应 用 添加 入 口 的 示例 


当 对 “添加 入 口 ” 配 置 完 后 ， 扩 击 “ 人 确定 ”按钮 返回 “应 用 配置 ”页 面 。 进 入 “应 用 配置 
页 面 后 刚刚 设置 的 入 口 和 快捷 方式 的 信息 都 会 展现 出 来 ， 如 图 7-10 所 示 。 


应 用 配置 
OO 


配置 安装 包 的 应 用 程序 ， 本 工具 支持 对 多 个 应 用 同时 进行 打包 ， 实 现 一 个 安装 包 可 安装 多 个 应 用 。 


[ 添加 || 移 除 | 


日 -因应 用 App_ID: mt_uphone 
-eb 


应 用 程序 : 
[C:\WUsers\admin\Desktop\mt -game_setupWibmt_uphone.so 


APP ID: mt_uphone 


入 口 描述 : | 安装 包 测 试 


支持 TCOM 


快捷 名 称 : | 安装 包 测 计 。 


图 7-10” ”入口 设置 完成 


在 树 形 列表 中 点 击 右键 选中 入 口 市 点 , 弹出 入 口 控制 菜单 可 对 入 口 进行 添加 、 修 改 和 移 除 操 
作 。 移 除 ” 按 钮 可 移 除 当前 所 选 的 应 用 或 者 入 口 信息 。 
当 对 “应 用 配置 ”配置 完 后 ， 可 反击 疝 左 前 头 或 者 皮 击 “添加 支持 文件 ”按钮 进入 “添加 


文 持 文件 ”页面 。 
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7.1.3 添加 支持 文件 


进入 “添加 文 持 文件 页面， 如 图 7-11 所 示 ， 有 “资源 库 、 公共 库 、 资料 、 本 机 ”和 
“SD 卡 ” 可 供 选 择 添 加 支持 文件 。 


添加 文件 


J 


L___ 添加 应 用 程序 的 支持 文件 ， 在 设备 不 同 的 目录 里 您 可 以 添加 文件 和 文件 来， 这 需要 匹配 应 用 


程序 的 路 径 设 下 。 


图 7-11 添加 文 持 文件 


(1) 资源 库 。“ 资 源 库 ” 古 指 应 用 程序 自 带 的 资源 包 库 文件 ， 以 动态 库 形式 供应 用 程序 使 用 。 
例如 不 同 分 辨 率 的 资源 包 和 不 同 语言 的 资源 包 等 。 

(2) 公共 库 。 公共 库 " 定 指 应 用 程序 目 帝 的 4 公共 库 文件 ， 以 动态 库 形式 供应 用 程序 使 用 。 例 
如 一 些 公共 算法 动态 库 等 。 

(3) 资料 。 资料 "是 指 存放 应 用 程序 使 用 的 不 可 修改 的 数据 文件 根 目 永 ， 可 以 在 根 目 录放 入 
一 些 应 用 程序 需要 用 到 的 资料 文件 ， 例 如 图 片 和 声 首 等 文件 ， 也 可 以 添加 子 目 录 。 

(4) 本 机 。“ 本 机 ”是 指 手机 提供 一 个 用 户 可 见 的 数据 区 ， 可 以 通过 文件 管理 强 查 看 和 修改 文 
件 ， 也 可 当 U 盘 使 用 。 

(5) SD 卡 。“SD 卡 ”通常 指 手 机 的 外 部 存储 设备 ， 包 括 SD 卡 和 T 卡 等 目录 , 一 般 一 个 手机 只 有 
一 个 SD 卡 存储 区 。 

尽 击 “添加 ”按钮 ， 弹 出 选择 及 单 ， 可 以 添加 单个 文件 目录 和 文件 。 丰 键 选中 列表 目录 中 的 
列表 市 态 ， 弹 出 目录 文件 控制 六 单 ，“ 目 录 文 件 控 制 菜单 ”支持 “添加 文件 "、“ 添 加 目录 "、' 修 
改名 称 、 创建 目 未 ”和 “ 移 除 目 孙 ”选项 。 布 边 的 列表 显示 了 文件 的 基本 信息 ， 选 中 文件 可 对 
其 进行 移 除 操作 。 

完成 “软件 包 设 置 、 应 用 配置 ” 和 添加 文 持 文件 后 ,就 可 以 对 配置 的 信息 进行 编译 了 。 


7.1.4 保存 编译 
在 菜单 栏 上 选择 “编辑 一 编译 工程 ”执行 编译 工作 。 如 果 没 有 保存 当前 打包 的 配置 文件 ,会 
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提示 是 否 设置 保存 路 径 ， 如 有 果 选 择 “ 是 ”， 则 弹出 生成 文件 路 径 保存 设置 ， 如 图 7-12 所 示 ;， 如 有 末 
选择 “ 否 ”"， 则 取消 保存 ， 也 取消 编译 。 

从 图 7-12 可 以 看 出 : 执行 文件 是 以 tgr 为 后 级 的 文件 ， 这 个 文件 可 以 直接 在 沃 Phone 终 端 上 安 
装 ;， 配置 文件 是 以 upiproj 为 后 级 的 文件 ， 它 保存 了 整个 打包 的 配置 信息 。 

编译 成 功 后 会 提示 制作 成 功 消息 框 ， 如 图 7-13 所 示 ; 编译 失败 则 会 弹出 失败 消息 框 。 


| 生成 文件 路 径 设置 


生成 执行 文件 路 径 : 


生成 酸 置 文件 路 径 : 
C:WsersadminWDesktop\ 安 装 包 测试 .upiproj 


L 角 | 取 沿 


图 7-12 ”生成 文件 路 径 设 阐 图 7-13 ”编译 成 功 


7.2 图 片 编辑 器 


图 片 编辑 器 的 功能 比较 简单 ， 就 是 把 一 系列 的 图 片 拼接 成 一 张大 的 图 片 , 同时 生成 一 个 图 片 
坐标 文件 。 为 何 要 这 样 呢 ? 这 主要 是 因为 引擎 在 加 载 图 片 文件 的 时 候 ， 加 载 一 张 图 片 比 加 载 N 张 
图 片 的 运算 量 要 小 很 多 ， 占 用 内 存 也 少 很 多 。 

拼接 生成 的 大 图 片 文件 和 其 他 图 片 文件 一 样 ， 支 持 PNG 等 多 种 格式 。 至 于 图 片 坐标 文件 ， 建 
议 使 用 plist 结 构 ， 因 为 cocos2d-x 引 警 默认 支持 这 个 结构 ， 当 然 也 可 以 写成 自 定 义 结 构 的 文件 ， 然 
后 自己 解析 。 

从 第 5 章 的 内 容 可 以 知道 ， 在 cocos2d-x 引 | 擎 里 面 加 载 一 个 图 片 的 代码 如 下 : 


/ /加 载 图 片 left_bottom.png 
CCSprite *left_bottom = CCSprite: :spriteWithFile("left_bottom.png"); 


在 游戏 设计 的 时 候 , 大 部 分 动画 都 是 预先 泻 染 好 的 位 图 ,然后 通过 快速 的 变化 来 给 玩家 一 种 
动态 的 感觉 。 现 在 假设 我 们 有 一 个 Flash 的 动画 ， 由 于 cocos2d-x 引 警 不 能 直接 播放 Flash 动 画 ， 所 
以 需要 将 这 个 动画 导出 成 一 系列 的 PNG 图 片 。 

Adobe 的 Flash 提 供 了 将 帆 动 画 导 出 为 PNG 图 片 序列 的 功能 。 根 据 动画 的 时 间 长 短 ， 导 出 的 
PNG 图 片 个 数 也 不 相等 ， 有 可 能 导出 几 个 PNG 图 片 , 也 有 可 能 导出 儿 十 个 PNG 图 片 ， 甚至 有 可 能 
是 几 百 个 PNG 图 片 。 此 时 ， 尽 管 我 们 仍然 可 以 用 上 面 的 ccCsprite 加 载 这 些 图 片 ， 然 后 播放 动画 
时 分 别 调用 ccsprite， 但 是 这 样 做 会 导致 游戏 占用 很 多 内 存 ， 使 游戏 加 载 速 度 变 慢 ， 同 时 也 会 
非常 消耗 性 能 。 

所 以 ， 我 们 建议 使 用 cocos2d-x5| 葡 的 CCSpriteBatchNode 这 个 方法 读 取 拼接 后 的 大 图 片 。 
得 到 CCSpriteBatchNode 之 后 ， 我 们 可 以 通过 坐标 位 置 直接 获取 CCSprite， 就 不 需要 加 载 多 
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次 图 片 了 ， 大 致 的 代码 如 下 。 
// 将 图 片 加 载 成 CCSpriteBatchNode 
CCSpriteBatchNode *animationsSheet = CCSpriteBatchNode: :batchNodeWithFile("Actor.png"); 


// 从 CCSpriteBatchNode 获 取得 到 CCSprite 
CCSprite *heroSprite = (CCSprite *)CCSprite: :spriteWithTexture(animationsSheet-> 
getTexture(),CCRectMake(0,0,32,32)); 


上 面 这 个 是 可 以 通过 CCSpriteBatchNode 得 到 CCSprite 的 案例 ， 游 戏 程序 中 需要 经 常 计算 坐 
标 。 其 实 还 可 以 使 用 前 面 提 到 的 图 片 坐标 文件 (plist 文 件 ) 保存 图 片 的 坐标 ， 以 后 就 可 以 通过 小 
图 片 的 名 称 来 读 取 图 片 了 。 当 然 也 古 一 次 读 取 后 通过 plist 文 件 内 的 图 片 名 称 来 获取 得 到 对 应 的 
CCSprite， 大 致 的 代码 如 下 。 

// 通 过 plIist 加 载 图 片 


CCSpriteFrameCache *cache = CCSpriteFrameCache: :sharedqSpr1lILteFrameCache ( ) ， 
cache->addSpriteFramesWithFile("animations/grossini.plist").;} 


// 从 CCSpriteFrameCache 中 获取 CCSpriteFrame 
const char *keyName = "TestAAA"; 
CCSpriteFrame *frame = cache->spriteFrameByName (KeyName ) :; 


plist 文 件 的 生成 工具 主要 包括 : 

(1) zwoptex。 主 要 包括 两 个 版 本 ， 一 个 是 Flash 版 本 (已 经 不 再 维护 )， 男 一 个 是 Mac 版 本 ， 
收费 软件 ，7 天 免费 试用 。 

(2) TexturePacker。 免 费 版 中 会 自动 问 导出 的 图 片 中 加 入 红色 。TexturePacker 拥 有 zwoptex 
的 90% 的 功能 。 
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在 制作 游戏 的 时 候 ， 游戏 的 地 图 是 游戏 的 基础 ， 也 是 游戏 的 核心 之 一 。 游戏 地 图 大 人 臻 有 横 癌 
地 图 和 纵 辣 地 图 ， 还 有 一 种 就 古 横 同和 纵 癌 集合 的 地 图 。 前 面 说 的 《魔域 之 城 》 这 类 RPG 游 戏 吏 
是 典型 的 横 辣 和 纵 癌 集合 的 地 图 。 

那么 , 如 何在 游戏 中 快速 地 显示 地 图 ? 而且 制作 地 图 的 过 程 不 影 啊 游 戏 的 开发 ? 解决 上 述 这 
两 个 问题 就 需要 使 用 地 图 编辑 禹 了 。 游戏 的 策划 和 美工 等 人 员 使 用 地 图 编辑 如 绘制 地 图 ,而 游戏 
的 开发 人 员 根 据 地 图 编辑 器 的 结果 编写 游戏 ， 双 方 通过 地 图 编辑 器 进行 很 好 的 分 工 。 

如 上 果 对 cocos2d-x5| 敬 韭 尝 就 悉 就 会 发 现 :cocos2d-x5| 敬 内 目 带 了 CCTileMapAtlas、CCTMX- 
TiledMap、 CCTMXXMLParser、 CCTMXLayer 和 CCTMXObjectGroup 这 几 个 类 ,也 就 是 说 cocos2d-x 
5| 敬 直接 支持 瓦 片 地 图 (CCTileMapAtlas)， 直 接 支 持 TMX 格 式 的 瓦 片 地 图 (CCTMXTiledMap)。 

瓦 片 地 图 (Tile Map) 类 似 于 拼图 游戏 ， 又 或 者 像 拱 积木。 元素 是 可 以 重复 利用 的 ， 元 素 之 间 
相互 组 合 就 可 以 形成 一 个 大 场景 。 图 片 一 般 保存 在 一 个 图 片 集中 , 通过 茶 种 映射 方式 把 一 个 个 小 格 
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子 映射 到 相应 的 图 片 束 形 成 地 图 了 。cocos2d-x5l 擎 中 CCTileMapAtlas 的 类 关系 如 图 7-14 所 示 。 


CCNode CCTextureProtocol 
CCAt lasNode 


CCTiledMapAt1las 


CCRGBAProtocol 


图 7-14 CCTileMapAtlas 在 cocos2d-x5| 敬 中 的 类 结构 图 
从 CCTileMapAtlas 的 初始 化 函数 中 , 可 以 看 出 CCTileMapAtlas 需 要 使 用 一 个 图 片 和 一 个 
TGA 文 件 进 行 初始 化 。TGA 文 件 是 一 种 图 片 文件 格式 , 特点 是 按 行 存 储 且 格式 简单， 图 像 数 据 可 
以 压缩 也 可 以 不 压缩 。 初 始 化 的 示例 代码 如 下 : 


/ /TileMap 资 源 
const char s_ TilesPpng[] = "TileMaps/tiles.png";} 
const char s LevelMapTgal[l] = "TileMaps/levelmap.tga"; 


//TileMap 宽 度 、 高 度 
int 1 tilewWwidth = 16; 
int i tileHeight = 16; 


/ /创建 瓦 片 地 图 图 片 集 
CCTileMapAtlas *map = CCTileMapAtlas: :tileMapAtlasWithTileFile(s _ TilesPpng, s_LevelMapTga, 
1 _ tilewWwidth, 1i_ tileHeight).; 


现在 ， 我 们 再 来 看 看 TMX 格 式 的 瓦 厂 地 图 。TMX 是 一 种 XML 格 式 ， 它 可 以 通过 一 些 地 图 编 
辑 器 (比如 Tiled QT) 生成 。 在 TMX 文 件 里 ， 用 XML 描 述 了 地 图 需要 用 到 的 图 片 、 地 图 的 布局 以 
及 地 图 的 层 等 各 种 信息 。 首 先 ， 我们 来 了 解 一 下 TMX 里 面 的 常用 概念 ， 即 瓦 片 (Tile)、 瓦 片 集 
(Tile Set) 、 瓦 片 ID (GID)、 层 (Layer) 、 对 象 (Object) 、 对 象 组 (Object Group ) 、 属 性 (Property) 
和 地 图 朝 癌 (Orientation ) 。 

D 瓦 片 。 一 个 瓦 片 对 应 于 一 个 矩形 区 域 ， 你 可 以 把 某 块 地 方 分 制 成 3 行 3 列 ， 那 就 是 有 9 个 瓦 

片 ， 每 个 瓦 片 里 面 放 上 图 片 ， 就 形成 地 图 。 

D 瓦 片 集 。 瓦 片 的 图 片 一 般 都 是 保存 在 一 个 图 片 集 (Atlas) 中 的 ， 而 我 们 这 里 说 的 是 瓦 片 
集 ， 和 图 乒 集 是 两 个 概念 。 图 族 集 是 把 单个 图 请 组 合 起 来 ， 瓦 放 集 也 就 是 把 瓦 族 打包 起 
来 进行 管理 。 

D 瓦 片 D。 瓦 片 ID 可 以 标识 某 个 网 格 里 显示 什么 图 片 。 某 一 个 地 方 被 分 割 成 3 行 3 列 格子 ， 
现在 设置 第 1 行 第 1 列 的 瓦 片 卫 为 S。 而 该 地 图 所 使 用 的 图 片 集 是 一 个 包含 有 16 x 16 的 地 图 
图 乒 ， 由 于 5$ 除 以 16 等 于 0， 余 数 为 S$， 所 以 也 就 是 说 明 第 1 行 第 1 列 的 这 个 格子 应 该 显示 图 
乒 集 中 第 1 行 第 $ 列 的 图 片 。 
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D 层 。TMX 地 图 支持 分 层 ， 类 似 于 PhotoShop 中 层 的 概念 ， 可 以 把 地 图 中 的 元 素 放 到 不 同 的 
层 中 。 如 采 不 想 显 示 末 一 层 ， 可 以 很 方便 地 隐藏 抒 ， 增 加 了 灵活 性 。 地 图 的 层 可 以 大 小 
不 一 样 ， 层 也 可 以 指定 一 个 偏 移 值 ， 并 不 一 定 非得 原点 都 对 齐 。 

D 对象。 对象 是 为 了 开发 者 方便 而 设计 的 ， 它 并 不 对 应 于 某 个 地 图 图 片 ， 只 是 标 明了 某 个 
位 置 ， 可 以 通过 对 象 的 名 字 获 取 对 象 。 

D 对 象 组 。 把 多 个 对 象 包 起 来 进行 分 组 ， 可 以 通过 对 象 组 的 名 字 获 取 对 象 组 。 

D 属性 。TMX 里 面 的 元 素 基 本 都 可 以 设置 额外 属性 ， 可 以 通过 属性 的 名 字 获 取 属 性 。 

D 地 图 朝 癌 。TMX 文 件 里 可 以 指定 地 图 的 朝 辣 ， 目 前 支持 三 种 ， 即 正 交 型 、 等 角 型 和 六 
边 形 。 

众所周知 , Tiled 是 一 个 开源 的 TMX 编 辑 工具 。 目前 , Tiled 一 共有 两 个 版 本 , 一 个 是 Java 版 本 ， 

男 一 个 是 QT 版 本 ， 随 便 选 择 一 个 都 可 以 。 图 7-15 就 是 Tiled 的 QT 版 本 打开 时 的 界面 。 


哪 ltmx -Tiled 
文件 (Pi ”编辑 (E) ”视图 (V) ”地 图 (M) ”图 层 (D 帮助 (H) 


加 岛 电 $9 -Gomme 
1. tmx 


(= | © le 


sd 


图 7-15 ”Tiled 的 QT 版 本 打开 时 的 界面 


在 cocos2d-x5| 敬 里面 ，CCTMXTiledMap (TMX 瓦 片 地 图 ) 主要 的 函数 解释 如 下 (在 文件 
include/ CCTMXTiledMap.h 里 面 ): 
class CCTMXTiledMap : public CCNode 


/ /使 用 TMX 文 件 创建 CCTMXTi ledMap 
CCTMXxTiledMap *tiledMapWithTMXFile(const char *tmxFile).; 


/ /使 用 TMX 文 件 初始 化 CCTMXTiledMap 
bool initWithTMXFile(const char *tmxFile).; 
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/ /通过 层 的 名 称 获 取 层 


CCTMXLayer *layerNamed (const char *]ayerName).; 


/ /通过 对 象 组 的 名 称 获取 对 象 组 


CCTMXObjectGroup *objectGroupNamed (const char *groupName).; 


/ /通过 对 象 组 的 名 称 获取 对 象 组 


CCTMXObjectGroup *groupNamed (const char *groupName).; 


/ /通过 属性 的 名 称 获取 属性 
CCString *propertyNamed (const char *propertyName).;} 
}; 


使 用 Tiled 设 计 完 地 图 之 后 ， 将 其 导出 成 TMX 格 式 的 文件 ， 这 个 地 图 文件 在 cocos2d-x5| 擎 中 
可 以 直接 使 用 ， 创 建 TMX 瓦 请 地 图 的 代码 如 下 : 


/ /创建 TMX 瓦 片 地 图 ， 地 图 文件 orthogonal-test3.tmx 
CCTMXTiledMap *map = CCTMXTiledMap: :tiledMapWithTMXFile("orthogonal-test3.tmx").; 


7.4 粒子 系统 设计 工具 


在 前 面 几 间 ， 我 们 已 经 学 习 了 cocos2d-x5| 擎 中 粒子 系统 的 使 用 。 为 了 实现 那些 粒子 效果 ， 我 
们 在 程序 中 需要 写 很 多 的 参数 。 那么 ,， 有 没有 一 个 工具 可 以 帮 我 们 设计 并 生成 粒子 系统 需要 的 这 
些 参数 呢 ? 答案 是 : 有 的 。 现 在 我 们 就 来 看 看 Particle Designer 这 个 粒子 系统 设计 工具 。 

Particle Designer 是 cocos2d-x5| 敬 支持 的 粒子 系统 设计 工具 ， 该 软件 只 支持 Mac OS 平 台 ， 并 
且 是 收费 软件 ， 不 过 软件 质量 确实 不 错 。Particle Designer 提 供 了 试用 版 本 ,但 试用 版 本 不 能 保存 
粒子 将 东 为 plist 文 件 。 图 7-16 束 是 Particle Designer 软 件 界 和 面 。 

当 使 用 Particle Designer 设 计 完 成 粒子 效果 之 后 ， 可 以 将 其 保存 为 plist 文 件 。plist 文 件 的 内 容 
是 一 个 XML 结 构 ， 其 中 部 分 内 容 如 下 : 


<?xml] version="1.0" encoding="UTF-8"?> 

<IDOCTYPE Pligst PUBLIC /7/ABBIS//DTD PLISTE 1.077/EN" “https//ww .able,.com/DrDey/ 
PropertyListVvb-1.0.dtd"> 

<plist version="1.0"> 


<dict> 
<key>angle</key> 
<real>90</real> 
<key>angleVariance</key> 
<real>360</real> 
<key>blendAdditive</key> 
<real>1</real> 
<key>blendFuncDestination</key> 
<integer>1</integer> 
<key>blendFuncSource</key> 
<integer>770</integer> 
<key>duration</key> 
<real>-1</real> 
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<key>startColorVarianceRed</key> 
<real>0.0</real> 


<key>startParticleSize</key> 
<real>37</real> 
<key>startParticleSizeVariance</key> 
<real>10</real> 
<key>tangentialAccelVariance</key> 
<real>50</real> 
<key>tangentialAcceleration</key> 
<real>50</real> 
<key>textureFileName</key> 


<string>Galaxy .png</string> 
<key>texturelImageData</key> 
</dict> 
</pPlist> 


iPhone Portrait Heart 


OO 6 


Orientation iPad Clear Background 


@ 2 ED © Ch 口 Loop Emitter 


Load Save Save As Randomize Pause Shared Emitters 


从 上 面 plist 的 部 分 内 容 可 以 看 出 ，Plist 文 件 就 是 将 粒子 系统 所 需要 的 参数 以 XML 形式 组 钱 起 
来 。 而 由 于 cocos2d-x5| 敬 直接 就 文 持 plist 文 件 作 为 粒子 系统 的 参数 ， 所 以 我 们 的 代码 就 可 以 重新 


精简 成 下 面 这 个 样子 : 


/ /建立 一 个 0uad 的 粒子 系统 


CCParticleSystem *m emitter = 


Particle Configuration 


Background Color 


Emitter Location 


Particle Texture 
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particle Emit Angle Variance IO 0 < Start Variance Finish Variance 
mm 让 洒 ri 一 
产 - 
四 | 0 忆 Deg. Per Second Red Green Blue Alpha Red Creen Blue Alpha 
Rotation Start B | Ce [0 |] | 1 A ea | 有 
个 | = 人 (De | 0 = Ee a 0 Y I | 只 I ) 
— Deg. Per Second Variance 人 Y T Y Y © 
— Rotation ariance B | ee | 153.9|| 
全 | ea | 人) 四 ee 0.27| 10.37| |0.56 |0.75 0.15|0.7 0.4 加 0.03 
_ Rotation End - 
| es - 一 Blend Function 
Rotation End Variance ~ rr 
- 产 Source GL_ONE v Normal 


站 | (0 


Destination | GL_ONE MINUS SRC ALPHA $ | 
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7-16 ”Particle Designer 软 件 界面 


new CCParticleSystemouad ( ) ; 


Additive 
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/ /使 用 pli st 文件 初始 化 粒子 系统 


m emitter->initWithFile("JImages/SpinningPeas.plist").; 


/ /设置 粒子 的 图 像 

m emitter->setTexture( CCTextureCache: :sharedTextureCache()->addIimage ("test.png") ); 

cocos2d-x5| 敬 不 仪 支持 Particle Designer 的 所 有 特性 ， 而 且 还 提供 了 一 些 Particle Designer 不 支 
持 的 特性 。 


当 使 用 重力 式 的 粒子 系统 时 ， 相 比 Particle Designer ，cocos2d-x 引 擎 增加 了 4 个 属性 : 
tangentiallAccel 〈 切 问 加 速度 ) 、tangentialAccelvar 〈 切 问 加 速度 的 变化 率 )、 
radialAccel ( 径 癌 加 速度 ) 和 radialAccelvVvar 〈 径 问 加 速度 的 变化 率 ) 。 在 上 一 章 的 粒子 系 
统 示例 代码 中 能 看 到 这 4 个 属性 的 使 用 方式 。 代 码 示 例如 下 : 


// 设 置 径 癌 加 速度 、 径 向 加 速度 的 变化 率 
m emitter->setRadialAccel (-120);， 
m emitter->setRadialAccelVar (0);} 


// 设 置 切 癌 加 速度 、 切 向 加 速度 的 变化 率 
m emitter->setTangentialAccel (30) ; 
m emitter->setTangentialAccelVar(0); 


当 使 用 放射 式 的 粒子 系统 时 ， 相 比 Particle Designer ，cocos2d-x 引 擎 增加 了 4 个 属性 : 
startSpin (粒子 开始 时 自 旋转 速度 )、startspinvar (粒子 开始 时 自 旋转 速度 的 变化 率 )、 
endSpin (粒子 结束 时 自 旋转 速度 ) 和 endqspinvar (粒子 结束 时 自 旋 转速 度 的 变化 率 )。 在 上 
一 章 的 粒子 系统 示例 代码 中 能 看 到 这 4 个 属性 的 使 用 方式 。 代 码 示例 如 下 : 

/ /设置 粒子 开始 时 自 旋转 速度 、 粒 子 开始 时 自 旋转 速度 的 变化 率 


m emitter->setStartSpin(0).; 
m emitter->setStartSpinVar(0); 


/ /设置 粒子 结束 时 自 旋转 速度 、 粒 子 结束 时 自 旋转 速度 的 变化 率 
m emitter->setEndSpin(0); 
m emitter->setEndSpinVar (2000) ; 


当 使 用 放射 式 的 粒子 系统 时 ，Particle Designer 支 持 下 面 儿 个 属性 : maxRadius (最 大 半径 )、 
maxRadiusVvariance( 最 大 半径 的 变化 率 ) 和 minRaidus( 最 小 半径 ) 。 而 cocos2d-x 引 擎 比 Particle 
Designer 增 加 了 更 多 几 个 属性 : startRadius (开始 时 半径 )、startRadiusVar (开始 时 半径 
的 变化 率 )、endRadius (结束 时 半径 ) 和 enqaRadiusVar (结束 时 半径 的 变化 率 )。 


7.5 总 结 


为 了 方便 游戏 的 开发 , 游戏 的 开发 者 需要 熟悉 引擎 周 边 的 很 多 工具 的 使 用 ， 本章 我 们 介绍 了 
添 Phone 应 用 程序 的 打包 工具 、 图 片 编 辑 禹 、 瓦 片 地 图 编辑 各 和 粒子 系统 设计 工具 。 当 然 围绕 着 
cocos2d-x5| 敬 周边 还 有 很 多 工具 ， 需 要 大 家 在 开发 游戏 时 慢 慢 摸索 。 

在 下 一 章 里 , 我们 将 学 习 如 何 把 开发 好 的 游戏 交 又 编译 到 1OS、Android 和 沃 Phone 这 三 个 平台 上 。 
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第 8 章 


cocos2d-x 之 交叉 编译 


在 前 面 儿 章 ， 我 们 学 习 了 很 多 cocos2d-x5 引 警 的 知识 ， 我 们 知道 cocos2d-x 引 擎 是 一 个 跨 平 台 
的 游戏 引擎 ， 那么 , 使 用 cocos2d-x 引 | 获 开 发 出 来 的 游戏 也 应 该 是 一 个 跨 平 台 的 游戏 。 游 戏 只 需要 
做 一 点 点 的 变动 就 可 以 交 又 编译 到 不 同 的 平台 上 ， 而 且 这 一 点 点 的 变动 是 固定 的 。 

那么 ， 本 章 就 看 看 如 何 将 编写 好 的 游戏 交 又 编译 到 iOS、Android 和 沃 Phone 平 台 上 。 


8.1 交叉 编译 到 iOS 平台 


编译 在 iOS 上 运行 的 游戏 ， 至 少 需 要 一 个 iOS 的 项 目 ， 然 后 使 用 1OS 开 发 环境 Xcode 提供 的 编 
译 工具 进行 交叉 编译 。 因此 将 游戏 交 又 编译 到 iOS 平 台 上 主要 包括 新 建 1OS 项 目 、 交 又 编译 和 打包 
运行 三 步 。 


8.1.1 ”新建 iOS 项 目 


在 Mac 操 作 系 统 上 运行 Xcode3， 创 建 一 个 基于 “cocos2d-x Application” 模 板 的 OS 项目 (如 
8-1 所 示 )， 项 目 名 称 为 TestBuildGame。 

点 击 “choose” (选择 ) 按钮 ，TestBuildGame 的 iOS 项 目 创建 完成 。 此 时 ， 我 们 可 以 看 到 项 目 
的 结构 ， 如 图 8-2 所 示 。 

现在 TestBuildGame 中 的 代码 都 是 自动 生成 的 代码 ， 显 然 不 满足 要 求 ， 所 以 ， 我 们 将 
TestBuildGame 项 目的 Resource 目 录 和 Classes 目 录 中 的 内 容 删 掉 ,， 然后 将 我 们 自己 开发 的 游戏 (此 
处 举例 为 HelloWorld 游 戏 ) 的 Resource 目 录 和 Classes 目 录 中 的 内 容 复 制 到 TestBuildGame 项 目 中 。 

在 1OS 开 发 中 ， 经 常 需 要 使 用 一 些 资 源 文件 (如 视频 、 音 频 和 图 片 等 )。 但 在 默认 情况 下 iOS 
系统 会 将 所 有 的 资源 全 部 复制 到 mainBundle (全 部 放置 在 一 个 文件 夹 下 ) 目 如 下， 即使 资源 是 按 
文件 夹 来 组 织 的 。 

这 种 处 理 方 式 很 多 时 候 并 不 满足 需求 , 程序 经 稼 需要 按照 文件 夹 的 方式 管理 资源。 所 以 我 们 
需要 解决 这 种 问题 , 其 实 解 决 这 个 问题 也 很 简单 , 当 资源 文件 夹 拖 到 Xcode 工 程 的 “Other sources” 
目 如 下 时 ，Xcode 会 弹出 一 个 对 话 框 (如 图 8-3 所 示 )， 设 置 资源 的 访问 方式 ， 默 认 的 选项 是 
“Recursively create groups for any added folders” ,此 时 我 们 选择 下 面 的 一 项 “Create Folder 


一 ~ 
7 、 
7 入 
7 \ 
1 1 
1 1 
\ . 
% 7 
~ Ee 
We 


第 8 章 cocos2d-x 之 交叉 编译 


References for any added folders”， 然 后 选择 “Add”( 添 加 ) 按钮 。 


的 路 径 方 式 访 问 资源 了 。 


New Project 


此 后 在 代码 中 就 可 以 用 文件 夹 


Choose a template for your new project: 


E 


Application 
Library 
Cocos2d-x cocos2d-x Box2d Cocos2d-x 
和 User Templates Application Application chipmunk 
Application 


cocos2d 0.99.5 
cocos2d-0.99.5-x-0.8.2 


qrqart yA*el 站 US 


Mac OS X 


Application 
Framework & Library 


cocos2d-x lua 
Application 


Application Plug-in 
System Plug-in 
Other 


cocos2d-x Application 


This template provides a starting point for an application that uses cocos2d-x for iOS. 


( Cancel ) 


2 
图 8-1 ”新建 iOS 项 目 
四 四 四 图 TestBuildCame 
Simulator - 4.2 | Debug | TestBuildGame | ... >， 商 ~ —_ 会 如 本 Qr String Matching 
Overview Action Breakpoints Build and Run Tasks Info Search 
Croups & Files | File Name 4 所 Code © A © 
vw ES TestBuildGame 弓 加 AccelerometerDelegateWrapper.h 9 
| LICENSE.cocos2d-x M] AccelerometerDelegateWrappermm W 日 
> ON Resource 网 AudioToolbox.framework 加 
> 人 jj libs 网 AvFoundation.framework 加 
多 Classes 区 base64.cpp Vv 口 
Other Sources [base64.h 
人 Frameworks In] CCAccelerometer.h 
> I products In] CCAccelerometer ios.h 、 
© Targets [ml CCAccelerometer_ios.mm W 四 | 
> sy TestBuildGame [i _ craccelernmoter nlatform h 一 三 
> Bs cocos2d libraries | < I» ,| |C,|#.| 
bp < Executables No Editor 


VQ Find Results 
LI eBookmarks 
» Bsc™ 
转 Project Symbols 
> i Implementation Files 
> a Interface Builder Files 


8-2 ”TestBuildGame 的 10S 项 目 结构 


82 交叉 编译 到 Android 平 合 


MY Copy items into destination group's folder (if needed) 


Reference Type: | Default 


Text Encoding: | Unicode (UTF-8) 


CO) Recursively create groups for any added folders 
(") Create Folder References for any added folders 


Add To Targets 


加 sy TestBuildCame 
日 Ry cocos2d libraries 


( Cancel ) ( Add ) 
图 8-3 ”设置 资源 访问 方式 


8.1.2” 交 义 编 译 

前 面 儿 步 已 经 完成 进行 OS 项 目 交 又 编译 的 所 有 前 提 准 备 了 ， 那 么 现在 就 要 正式 开工 了 人 。 直 
接 使 用 Xcode 的 “Build” 按 钮 即 可 编译 完成 。 
8.1.3 打包 运行 

执行 完 交 又 编译 之 后 , 我 们 就 可 以 在 iOS 机 器 上 运行 游戏 了 。 在 iOS 仿 真 器 上 最 终 运 行 的 效果 
如 图 8-4 所 示 。 


Hello World 


图 8-4 ”运行 效果 


8.2 ”交叉 编译 到 Android 平台 


刚才 介绍 了 如 何 把 游戏 交 又 编译 到 OS 平台 上 ， 现 在 来 学 习 如 何 把 Hello World 游 戏 编 译 到 
Android 平 人 台 上 ，。 
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编写 过 Android 游 戏 的 人 都 应 该 知道 : 编译 在 Android 上 运行 的 游戏 至 少 需要 一 个 Android 的 项 
目 ， 然 后 使 用 Android 风 SDK 和 NDK 提 供 的 工具 进行 交叉 编译 。 因 此 将 游戏 交叉 编译 到 Android 平 


台 上 主要 包括 新 建 Android 项 目 、 生 成 编译 脚本 、 交 叉 编 译 和 打包 运行 四 步 。 


8.2.1 新建 Android 项 目 


我 们 需要 使 用 安装 了 Android 开 发 工具 的 Eclipse 新 建 一 个 空 的 Android 项 目 ， 项 目 名称 为 
TestBuild -Game， 包 的 名 称 为 ofg.test.puild.game， 支 持 Android 的 SDK 版 本 为 2.1。 生 成 的 项 目 结构 


如 图 8-5 所 示 。 


现在 TestBuildGame 中 的 代码 都 是 目 动 生成 的 代码 ， 显 然 不 满足 要 求 。 我 们 还 需要 完成 下 面 


几 个 步骤 的 工作 : 


(1) 将 例子 代码 的 src 目 录 复 制 到 TestBuildGame 项 目 中 
(2) 将 例子 代码 的 libs 目 录 复 制 到 TestBuildGame 项 目 中 ; 
(3) 将 例子 代码 的 jni 目 录 复 制 到 TestBuildGame 项 目 中 ; 


(4) 将 例子 代码 的 build native.sh 文 件 复 制 到 TestBuildGame 项 目 中 。 


全 部 导入 代码 后 生成 的 项 目 结构 如 图 8-6 所 示 。 


EE TestBuildGame 

由 - 侣 gen [Generated Java Files] 
由 -二 Android 2.1-updatel 
鱼 SR 

-sy ee 

:| -EE: drawable-hdpi 

四 - 芭 drawable-ldpi 

由 - 它 ， drawable-mdpi 

: | 由 - 鱼 layout 

: 由 -入 ; values 

回 AndroidManifest.xml 
default.properties 
-加 | proguard.cfg 


8-5 _ TestBuildGame 的 Android 项 目 结构 


8.2.2 ”生成 编译 脚本 


细心 的 读者 一 定 有 疑问 ,刚才 在 复制 文件 的 时 候 为 什么 没有 复制 使 用 cocos2d-x5| 敬 开发 的 游 
戏 代 码 呢 ? 是 不 是 作者 忘记 写 了 呢 ? 其 实 不 是 的 , 因为 Android 的 项 目 需 要 使 用 Android 的 NDK 进 
行 编 译 ， 而 Android 的 SDK 对 代码 的 位 置 没 有 要 求 ， 只 要 求生 成 的 Linux 库 文件 (so 文件 ) 必须 放 


在 项 目的 libs/armeabi 目 东 中 。 


我 们 在 复制 文件 的 时 候 复制 了 build_native.sh 文 件 ， 这 个 文件 就 古 用 来 编译 我 们 的 游戏 代码 
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3 TestBuildGame 
| 日 "名 src 


9*… 骨 org.cocos2dx.application 


4*… 崩 org.cocos2dx.lib 


由 -此 gen [Generated Java Files] 
4 Android 2.1-updatel 
比 也 assets 


日 - 巴 jni 


“E> helloworld 
出 Android.mk 
出 Application.mk 

国 list.sh 


[= 


#1- libs 
4S res 


可 AndroidManifest.xml 
国 build_native.sh 
default.properties 
‘i proguard.cfg 


导入 配置 后 的 Android 项 目 


8.2 ”交叉 编译 到 Android 平 人 台 


的 ,下面 就 十 一 个 示例 : 


# Android 的 NDK 路 径 
ANDROID_ NDK ROOT=/cygdrive/c/android-ndk-r5b 


# cocos2dq-x 项 目的 路 径 
COCOS2DX_ROOT=/cygdrive/c/cocos2d-0.99.5-x-0.8.5 


# TestBuildGame 项 目的 路 径 
TESTBUILDGAME ROOT=S$SCOCOS2DX ROOT/HelloWorld/android 


# 在 项 目 中 建立 assets 目 录 
if [ -Q STESTBUILDGAME ROOT/assets |]; then 
rm -rf STESTBUILDGAME ROOT/assets 


fi 
mkdir STESTBUILDGAME ROOT/assets 


# 复制 Resource 目 录 中 的 文件 
for file in STESTBUILDGAME ROOT/HelloWorld/Resource/* 


do 
if [ -qd Sfile ]; then 
cp -rf Sfile STESTBUILDGAME ROOT/assets 
下 证 
if [ -f sfile ]; then 
cp Sfile STESTBUILDCGAME ROOT/assets 
开工 
done 
# 编译 


SANDROID NDK_ ROOT/ndk-build -C $ TESTBUILDGAME ROOT S$* 


接 下 来 我 们 需要 再 去 修改 项 目 jni/helloworld 目 东 中 的 Android.mk 文 件 ， 这 个 文件 指定 了 当前 
Android 项 目 在 NDK 编 译 时 的 参数 。 那 我 们 就 来 仔细 人 研究 一 下 这 个 Android.mk 的 结构 ， 主 要 参数 
风 表 8-1。 

表 8-1 Android.mk 的 主要 参数 


参数 名 称 参数 描述 
LOCAL_ MODULE 项 目的 输出 文件 名 
LOCAL_SRC_FILES 包含 C、C++ 文 件 的 名 字 
TOCAT CE TNGCTUDES 包含 路 径 
LOCAL LDLISS 连接 的 库 文件 


现在 我 们 来 看 一 下 TestBuildGame 项 目 jnihelloworld 目 录 中 的 Android.mk 文 件 ， 内 容 如 下 。 


LOCAL_ PATH :=S$ (call my-dir) 
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include S(CLEAR VARS) 
LOCAL MODULE :=TestBuildGame 


LOCAL_SRC_FILES :=main.cpp \ 
../../../AppDelegate.cpp \ 
../../../HellowWworldScene.cpp 


LOCAL _C_INCLUDES :=$ (LOCAL_ PATH)/../../../../cCcoCcos2dx \ 
S (LOCAL PATH)/../../../../cocos2dx/platform \ 
$ (LOCAL_PATH)/../../../../cocos2dx/include \ 
$ (LOCAL_ PATH)/../../../../cocos2dx/lua_support \ 
S$S (LOCAL_ PATH)/../../../../CocoDenshion/include \ 
S (EOCALD PATH ee/ ey) es 
LOCAL LDLIBS :=-LS$ (call host-path, S$ (LOCAL PATH)/../../libs/armeabi)\ 
-lcocos2d-l1llog-lcocosdenshion \ 
-LS (call host-path, S (LOCAL PATH)/../../../../cocos2dx/platform/ 


third party/android/libraries)-lcurl 
include S$ (BUILD_SHARED_LIBRARY) 


有 了 上 面 这 几 个 配置 文件 ， 我 们 束 可 以 开始 交叉 编译 项 目 了 。 


8.2.3 ”交叉 编译 

前 面 儿 步 已 经 完成 进行 Android 项 目 交 又 编译 的 所 有 前 提 人 准备 了 ,那么 现在 束 要 正式 开工 了 。 
首先 运行 交 又 编译 的 环境 ， 启 动 文件 是 Ci\cygwin\ Cygwin.bat。 

在 这 个 环境 下 ， 我 们 束 可 以 通过 刚才 的 build_native.sh 文 件 进行 交 又 编 译 了。 进入 D:\Work 信 


—a 


cocos2d-0.99.5-x-0.8.5\TestBuildGame 目 录 ， 然 后 运行 其 中 的 build native.sh 文 件 ， 如 图 8-7 所 示 。 


[es.| /cygdrive/d/Work7/cocos2d-0.99.5-x-0.8.5/T. estBuildGame 


ss .Ahuild_native.sh 


8-7 ”编译 TestBuildGame 的 Android 项 目 


TestBuildGame 的 Android 项 目 编译 完成 之 后 ， 在 Eclipse 环境 中 刷新 项 目 ， 此 时 TestBuildGame 
的 assets 目 录 中 会 自动 复制 我 们 开发 的 游戏 的 Resource 目 录 中 的 内 容 , 而 libs/armeabi 目 录 中 则 复制 
了 编译 出 来 的 Linux 库 文件 (so 文件 )。 

由 于 Eclipse 具 有 自动 编译 功能 ， 因 此 TestBuildGame 的 Android 执 行文 件 (apk 文 件 ) 已 经 生成 
了 了， 文件 存放 的 路 径 是 D:\Work7Ncocos2d-0.99.$-xX-0.8.S\TestBuildGamexbin 。 


8.2.4 打包 运行 


执行 完 交 又 编译 之 后 ， 我 们 就 得 到 了 Android 的 可 执行 文件 TestBuildGame.apk， 然 后 将 这 个 
文件 部 署 到 真 机 器 上 就 可 以 运行 了 。 在 Android 模 拟 上 最 终 运行 的 效果 如 图 8-8 所 示 。 
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8.3 交叉 编译 到 沃 Phone 平 台 


Hello World 


\ 
LULU> 


图 8-8 ”运行 效 采 


8.3 ”交叉 编译 到 沃 Phone 平台 


前 面 已 经 介绍 了 把 游戏 交 又 编译 到 iOS 平 台 和 Android 平 台 上 ， 现 在 我 们 来 学 习 如 何 把 
HelloWorld 游 戏 编译 到 沃 Phone 平 台 上 。 

编译 在 沃 Phone 上 运行 的 游戏 ， 至 少 需 要 一 个 沃 Phone 的 项 目 ， 这 样 才 能 使 用 沃 Phone 的 SDK 
提供 的 工具 进行 交 又 编译 。 因 此 将 游戏 交 又 编译 到 沃 Phone 平 台 上 主要 包括 新 建 沃 Phone 项 目 、 生 
成 编译 脚本 、 交 又 编 译 和 打包 运行 四 步 。 


8.3.1 ”新建 沃 Phone 项 目 


使 用 Visual Studio 2008 打 开 cocos2d-x5| 葡 的 沃 Phone 项 目 ， 项 目 解决 方案 文件 是 D:\Work7\ 
CcOCOS2d-0.99.5-x-0.8.5\cocos2d-wophone.sln, 

创建 一 个 基于 “Cocos2d-wophone Application” 模 板 的 沃 Phone 项 目 (如 图 8-9 所 示 )， 项 目 名 
称 为 TestBuildGame， 项 目的 保存 位 置 必 须 在 D:\Work7 中 。 

点 击 “ 确 定 ” 按 钮 ， 界 面 变 成 添加 项 目的 具体 信息 。 在 建立 项 目的 过 程 中 ， 会 过 到 图 8-10 所 
示 的 界面 ， 这 里 是 选择 项 目 是 否 支 持 物理 ?| 擎 《Box2D) 、 物 理 引 擎 (Chipmunk) 、 声 音 引 擎 
(CocosDenshion) 或 TCOM 支 持 的 特性 ， 这 里 需要 按照 具体 的 项 目 要 求 选 择 。 在 我 们 的 示例 中 ， 
这 几 个 选项 都 没有 被 选中 ， 也 就 古 项 目 示 例 不 需要 这 几 个 特性 。 

点 击 “Finish” (完成 ) 按钮 ，TestBuildGame 的 沃 Phone 项 目 创建 完成 。 此 时 ， 我 们 可 以 看 到 
项 目的 结构 ， 如 图 8-11 所 示 。 

从 图 8-11 中 可 以 看 出 这 是 一 个 典型 的 C++ 的 项 目 ， 资 源 在 Resource 目 了 永 中 ， 与 沃 Phone 平 台 相 
关 的 代码 在 wophone 目 录 中 ， 其 余 代 码 在 Classes 目 录 中 。 还 包括 用 于 编译 的 一 些 脚本 
Makefile.ARM 和 TestBuildGame Arm.TMK3 。 

现在 TestBuildGame 中 的 代码 都 是 上 自动 生成 的 代码 ， 显 然 不 满足 要 求 ， 所 以 ， 我 们 将 该 
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TestBuildGame 项 目的 Resource 目 好 和 Classes 目 录 中 的 内 容 删 挥 。 然 后 将 我 们 自己 开发 的 游戏 (此 处 
举例 为 Hello World 游 戏 ) 的 Resource 目 东 和 Classes 目 录 中 的 内 容 复 制 到 TestBuildGame 项 目 中 。 


隔 pn | 


添加 新 项 目 


Visual C++ Visual Studio 已 安装 的 模板 
ATL 圈 cocos2d-win32 Application 兢 cocos2d-wophone Application 


An application that uses Cocos2d-x library for wophone platform. 


名 称 (N): TestBuildGame| 


位 置 (U: D:\WorkN\cocos2d-0.99.5-x-0.8.5 


图 8-9 ”新 建 沃 Phone 项 目 


Features 


四 : Select physical engine: 


Features : l Box2l 
加 |] Chipmurk 


Select audio erElIe : 


避 Simple Audio Eneine in Cocos Denshiorn 


Select application feature: 


TCO Support 


SE= 上 [TS 


图 8-10 ”添加 沃 Phone 项 目 时 选择 特性 
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8.3 交叉 编译 到 沃 Phone 平 台 


esauid ame wophone 
日 - 攻 Classes 
i 0 AppDelegate.cpp 
Ih| AppDelegate.h 
ct HelloWorldScene.cpp 
in| HelloWorldScene.h 
日 - [ Resource 
融 | CloseNormal.png 
:… 国 CloseSelected.png 
本 国 | HelloWerld.png 
国 - 攻 wophone 
i G4 main.cpp 
0c NewDeleteDp.cpp 
Ih| TestBuildGameUnicodeScript.h 
Im TestBuildGameUnicodeScript_str.h 
tc TG3AppDllEntry.cpp 
hn TG3AppDllEntry.h 
| |] Makefile.ARM 
S| TestBuildGame Arm TIMK3 


8-11 TestBuildGame 的 添 Phone 项 目 结构 


此 时 ， 还 需要 将 复制 过 来 的 这 些 文件 添加 到 项 目 中 。 因 为 Visual Studio 并 不 会 自动 将 文件 夹 
下 的 文件 设置 在 项 目 内 ， 需 要 手动 设置 。 设 置 的 方式 是 选中 文件 后 右键 选中 “包含 在 项 目 中 ” 妆 
单 即 可 。 


8.3.2 ”生成 编译 脚本 


如 果 大 家 编写 过 Linux 的 程序 ,一 定 知 道 在 编写 完 程序 代 码 后 , 还 需要 编写 编译 脚本 makefile。 
同样 ， 想 要 编译 出 沃 Phone 的 程序 ， 也 需要 一 个 交 又 编译 脚本 。 然 后 用 这 个 脚本 编译 出 沃 Phone 
平台 上 的 库 文件 ( 沃 Phone 的 底层 核心 是 Linux， 库 文件 也 是 so 文件 )。 

不 过 ， 值 得 庆幸 的 是 ， 在 沃 Phone 平 台 上 ， 不 需要 手动 编写 makefile 文 件 ， 因 为 沃 Phone 平 台 
提供 一 个 工具 ， 可 以 自动 生成 交 又 编译 脚本 。 这 个 工具 就 是 “TMK3 文 件 处 理工 具 ", 该 工具 的 
路 径 是 D:VWork7\PRJ TG3\Common\TMK3\TMK3.exe。 这 个 工具 是 一 个 Console 控 制 台 程序 , 它 需 
要 一 个 交 又 编译 参数 文件 (文件 扩展 名 为 TMK3)。 现 在 我 们 发 现 ， 在 刚才 生成 的 代码 中 ， 有 一 
个 TestBuildGame Arm.TIMK3 文 件 。 那 么 我 们 就 来 仔细 研究 一 下 TestBuildGame Arm.TMK3 的 结 
爸 。 交 叉 编 译 参数 文件 的 主要 参数 见 表 8-2。 


表 8-2 ”交叉 编译 参数 文件 的 主要 参数 


参数 名 称 参数 描述 
TO_PROJECT_ROOT 项 目的 根 路 径 
OUTPUT_FILENAME 项 目的 输出 文件 名 
INCLUDE_TMK3 包含 的 其 他 TMK3 文 件 
PRE_DEFINE 预定 义 串 
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村 
CO 
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( 续 ) 
参数 名 称 参数 描述 

DEFINES C、C++ 预 定义 安 
INCLUDE_PATH 包含 路 径 
TS 连接 的 库 文件 
INCLUDEFILE 强制 包含 文件 的 名 字 
EXCLUDEFILE 强制 排除 文件 的 名 字 

交叉 编译 参数 文件 的 整体 原则 包括 : 

(1) 在 等 号 左边 不 要 有 空格 ， 

(2) 所 有 的 路 径 请 使 用 “/ 来 分 隔 ; 

(3) 所 有 的 文件 名 不 可 以 有 空格 ，; 

(4) 只 能 对 当前 日 如 及 其 子 日 好 下 的 c、cpp 文 件 生 成 交 又 编译 脚本 ，; 

(5) 文件 目录 位 置 到 项 目 根 目录 之 间 的 转换 ， 不 支持 多 个 串 ， 以 最 后 一 个 为 准 。 

现在 我 们 来 看 一 下 TestBuildGame 这 个 项 目的 交 又 编译 参数 文件 ， 内 容 如 下 : 

; TG3 Makefile Auto Create Script 

:项 目的 根 路 径 

TO_PROUECT ROOT=../../PRJ_TG3 

;项 目的 输出 文件 名 

OUTPUT FILENAME=libTestBuildGame.so 

;包含 的 其 他 的 TMK3 文 件 名 

INCLUDE TMK3=S$ (TO PROJECT ROOT) /MakeInclude/TG3_ APP Arm.TMK3 

;C、C++ 预 定义 宏 

DEFINES=-DCC _ UNDER WOPHONE 

7 包 中 含 路径 

INCLUDE_ PATH=-I ../../PRJ_TG3/Include/OpenGL -I../cocos2dx -I../cocos2dx/include 

-I../CcCocos2dx/platform 

INCLUDE_ PATH=-I. -I./Classes -I./wophone -I./wophone/Res -I./wophone/Resource 

; 连接 的 库 文件 

LIBS=-lCocos2dStatic -1TG3_ EGL -1TG3_GLESV1 CM -1TG3_ GLESV2 -1]z -lxml2 -lpng14 


-lImageToolKit -ljpeg 


; 强制 包含 文件 的 名 字 
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;强制 排除 文件 的 名 字 


EXCLUDEFILE:= 

上 和 面 这 个 文件 就 症 TestBuildGame 项 目的 交 又 编译 参数 文件 。 有 了 这 个 文件 ， 我 们 束 可 以 使 
用 TMK3 文 件 处 理工 具 生 成 交 又 编译 脚本 Makefile.ARM 了 。 生 成 方式 有 下 面 两 种 。 

D 方法 一 , 进入 项 目 目录 后 , 用 命令 行 直接 编译 TMK3。 打 开 cmd 命 令 行 并 且 进 入 工程 目 隶 ， 

输入 命令 : D:NWork7\PRJ TG3\Common\TMK3\TMK3.exe TestBuildGame Arm.TMK3 。 

D 方法 二 ， 将 TMK3 文 件 关 联 到 TMK3.exe， 然 后 直接 点 击 TMK3 文 件 。 

使 用 上 述 两 种 方法 中 的 任何 一 个 , 我 们 都 可 以 得 到 交叉 编译 脚本 Makefile.ARM。 有 了 这 个 脚 
本 ， 我 们 就 可 以 开始 编译 了 。 
8.3.3 ”交叉 编译 

前 面 儿 步 已 经 完成 进行 添 Phone 项 目 交 又 编译 的 所 有 前 提 人 准备 了 , 那么 现在 束 要 正式 开工 了 。 
首先 运行 交 又 编译 的 环境 ， 启 动 文件 是 D:\Work7\ToolChain\toolchain.bat。 


在 这 个 环境 下 ， 我 们 需要 先 编译 cocos2d-x5| 黎 的 沃 Phone 项 目 。 进 入 D:\Work7\cocos24d- 
0.99.5$-x-0.8.$ 目 录 ， 然 后 运行 其 中 的 build-wophone.sh 文 件 ， 如 图 8-12 所 示 。 


上 EN 


cvadri . ER 
/cygdrvejd/Work? /cocos2d-0.99.5-x-0.8.5 


# .Ahuild-wophone .sh 


8-12 ”编译 cocos2d-x 引 擎 的 添 Phone 项 目 


在 cocos2d-x5| 擎 的 评 Phone 项 目 编译 完成 之 后 ， 束 要 找到 我 们 的 项 目 目 永 ， 然 后 交叉 编译 生 
成 库 文 件 libTestBuildGame.so， 生 成 方式 为 make -f Makefile.ARM， 如 图 8-13 所 示 。 如 果 需 要 清理 
libTestBuildGame.so 可 以 使 用 make -f Makefile.ARM clean 。 


画 /cvgdrive/dwork7/cocos2d-0.99.5-x-0.8.5/TestBuildGame “9 = XxX 


§ ca TestBuildGame. 


make 一 Makefile .NARM 


8-13 ”编译 TestBuildGame 项 目 
使 用 图 8-13 所 示 的 方式 生成 的 libTestBuildGame.so 比 较 大 , 需要 通过 arm-eabi-strip 这 个 工具 给 
文件 “瘦身 , 执行 的 命令 行 代码 为 atm-eabi-strip /cygdrive/d/Work7/PRJ TG3/LIB/ARMLib/libTest- 
BuildGame.so， 如 图 8-14 所 示 。 
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ES /cvgdnve/dANWorkyycocos2d-0.99.5-x-0.8.5 人 


二 arm-eabhi—strip cygdriveAdAWork?A/PRI_TG3LIBAA 
RMLib.1ibTestBuildGame .so0 


图 8-14 ”给 libTestBuildGame“ 瘦 身 ” 


8.3.4 打包 运行 


执行 完 交 又 编译 之 后 ， 我 们 束 得 到 了 文件 ibTestBuildGame.so， 然 后 我 们 将 TestBuildGame 项 
目下 的 Resource 目 录 压 缩 成 zip 文 件 。 

接 下 来 大 家 就 可 以 通过 上 一 章 介 绍 的 “ 沃 Phone 应 用 打包 工具 ”的 相关 知识 打包 生成 添 Phone 
的 tgr 执 行文 件 了 , 然后 将 这 个 文件 部 署 到 真 机 器 上 就 可 以 运行 了 。 在 沃 Phone OS 仿真 器 上 最 终 运 
行 的 效果 如 图 8-15 所 示 。 


Hello World 


esES 
Tranzda 


、 


图 8-15 ”运行 效 采 


8.4 总 结 


本 草 主 要 介绍 了 如 何 将 上 自己 编写 的 游戏 进行 跨 平 台 的 编译 发 布 , 这 样 开发 者 只 需要 编写 一 次 
代码 ， 然 后 将 代码 交叉 编译 到 iOS、Android 和 添 Phone 平 台 上 束 行 了 。 在 接 下 来 的 草 攻 里， 我 们 
将 学 习 如 何 为 游戏 市 来 盘 利 以 及 游戏 的 制作 全 过 程 。 
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通过 前 几 章 的 学 习 ， 我 们 不 仅 掌 握 了 cocos2d-x 引 警 的 相关 知识 ， 还 学 会 了 使 用 cocos2d-x 引 
擎 的 周边 工具 。 估 计 大 家 已 经 开始 用 前 面 学 习 到 的 知识 写 游 戏 了 。 

其 实 前 面 所 介绍 的 知识 用 来 编写 单机 版 的 游戏 已 经 足够 了 , 但 是 如 果 想 要 写 一 个 带 有 社交 功 
能 的 游戏 或 者 想 让 游戏 舱 入 一 些 广告 ,又 该 如 何 呢 ”估计 大 家 就 不 知 所 措 了 ， 因 为 直到 目前 还 没 
有 介绍 服务 器 相关 的 知识 。 

在 本 莉 将 给 大 家 介绍 一 种 仅仅 需要 少量 代码 ， 就 可 以 把 一 个 单机 游戏 加 上 网 络 化 体验 的 方 
法 ， 从 而 给 游戏 带 来 可 玩 性 的 巨大 提升 ， 并 可 以 迅速 扩大 用 户 规模 和 提升 用 户 黏 性 。 这 种 方法 就 
是 让 单机 游戏 支持 “游戏 社交 平台 ”。 

而 一 旦 你 的 游戏 开发 完成 之 后 , 肯定 需要 芳 虑 游戏 的 舍利 模式 。 那 么 除了 在 乎 打 App Store 上 进 
行 付费 下 载 外 , 我 们 还 可 以 怎么 盘 利 呢 ?” 本 昔 将 给 大 家 介绍 如 何 藤 入 广告 给 游戏 带 来 收入 , 也 束 是 
让 游戏 舱 入 “手机 广告 平台 ”提供 的 广告 以 达到 租 利 的 目的 。 然 后 再 给 大 家 带 来 一 种 介 于 游戏 社交 
平台 和 和 手机 广告 平台 之 则 的 服务 , 这 就 是 推广 墙 平 台 。 推广 墙 平台 的 作用 是 通过 虚拟 货币 和 流量 交 
换 的 方式 ， 获 取 更 多 的 玩家 ， 并 让 玩家 免费 持续 地 玩 下 去 ， 同 时 还 能 让 开发 者 获得 更 多 的 收入 。 

本 昔 通 过 在 Hello World 游 戏 上 增加 游戏 社交 平台 、 手 机 广告 平台 和 推广 墙 平 台 ， 帮 助 大 家 了 
解 基 于 cocos2d-x5| 敬 下 开发 的 游戏 与 游戏 社交 平台 、 手 机 广告 平台 和 推广 墙 平台 集成 的 相关 知识 。 


9.1 游戏 社交 平台 


一 般 来 讲 , 游戏 社 交 平 台 就 是 一 系列 的 社交 功能 的 模块 。 像 我 们 将 要 介绍 的 微 云 游戏 社交 平 
台 , 可 以 提供 一 系列 的 社交 功能 模块 , 即 支持 在 OS 和 Android 游戏 中 方便 地 租 入 附加 的 社交 功能 ， 
比如 排行 榜 、 上 成就、 挑战、 讨论/ 反馈 、 分 享 和 即时 消息 等 。 

WiGame 是 微 云 提供 的 游戏 社交 平台 ， 包 括 i0S 和 Android 两 个 版 本 。 我 们 介绍 的 cocos2d-x 引 
敬 与 游戏 社交 平台 的 集成 就 是 介绍 cocos2d-x5| 敬 与 WiGame 的 集成 。 通 过 WiGame， 开 发 者 仪 仅 
需要 编写 少量 代码 ,就 可 以 为 一 个 单机 游戏 增加 网 络 化 的 体验 ,然后 通过 微 云 平台 发 行 、 运 营 和 
推广 就 可 以 拥有 微 云 庞 大 的 游戏 用 户 群 体 。 下 面 就 是 WiGame 提 供 的 模块 。 

(1) 排行 榜 系 统 。 社 交游 戏 可 能 都 需要 一 个 用 户 排 行 榜 ， 可 以 根据 游戏 的 策划 设计 ， 通 过 微 
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云 创建 多 个 不 同属 性 的 排行 榜 。 

(2) 成 就 系统 。 设 置 游戏 成 就 ， 去 激励 玩家 达成 和 炫 炮 ! 成 就 可 以 设置 采 誉 值 ， 玩 家 达成 成 
就 后 便 可 获得 相应 的 来 营 值 或 积分 。 

(3) 挑战 系统 。 增 加 异步 的 挑战 ， 让 游戏 变 得 更 加 有 趣 ， 玩 家 可 以 互相 挑战 。 

(4) 讨论 /反馈 系统 。 不 用 再 为 收集 用 户 反 馈 吉 恼 ， 用 忆 可 以 从 WiGame 游 戏 社 区 或 网 页 上 直 
接 担 问 ， 开 发 者 可 以 进行 即时 的 回复 。 

(5) 下 载 链接 。 如 有 果 开 发 者 已 把 应 用 发 布 在 了 平 末 的 App Store 或 者 谷歌 的 Android Market 上 
面 , 或 者 其 他 任何 地 方 ， 只 要 是 可 以 通过 URL 访 问 的 ， 那么 开发 者 就 可 以 在 管理 后 台 添 加 应 用 下 
载 链 接 ， 然 后 在 WiGame 游 戏 社 区 中 将 可 以 看 到 这 些 下 载 上 尽 ， 帮 助 游戏 进行 强力 的 推广 。 


9.2 手机 广告 平台 


游戏 社交 平台 可 以 让 一 个 单机 游戏 加 上 网 络 化 的 体验 ， 从 而 给 游戏 市 来 可 玩 性 的 巨大 所 
升 。 而 手机 广告 平台 则 可 以 让 游戏 市 来 收入 。 上 面 介 绍 了 游戏 社交 平台 ， 现 在 再 来 看 看 手机 广 
告 平 台 。 

首先 我 们 了 解 一 下 什么 是 广告 。 广 告 是 为 了 采种 特定 的 需要 ,通过 一 定形 式 的 妹 体 ， 公 开 而 
广汉 地 癌 公 众 传 递 信息 的 宣传 手段 。 

在 没有 手机 广告 平台 的 时 候 ， 一 个 开发 者 很 难 接触 到 需要 发 布 广告 的 广告 主 ， 即 使 接触 到 ， 
由 于 开发 者 相对 广告 主 在 定价 等 方面 是 弱势 群体 ， 开 发 者 很 难 从 广告 中 获取 利 盘 。 

现在 , 国内 有 了 一 些 专门 的 广告 平台 ,这 些 广告 平台 是 开发 者 与 广告 主 之 则 的 桥梁 。 广 告 平 
统一 与 广告 主 谈判 沟通 , 吸引 广告 主 在 平台 上 而 发 布 广告 。 然后 广告 平台 将 广告 主 发 布 的 广告 


WiAd 是 微 云 提供 的 手机 广告 平台 ， 包 括 iOS 和 Android 两 个 版 本 。 我 们 介绍 的 cocos2d-x3 引 | 擎 
与 手机 广告 平台 的 集成 就 是 cocos2d-x35| 擎 与 WiAd 的 集成 。 通 过 WiAd, 开发 者 仅仅 需要 少量 代码 ， 
束 可 以 给 一 个 游戏 胎 入 广告 ， 这 样 就 可 以 市 来 收入 。 

WiAd 主 要 包括 两 大 部 分 ， 一 部 分 古 给 广告 主 使 用 的 ， 男 一 部 分 古 给 开发 者 使 用 的 。 

(1) 为 广告 主 提供 操作 简单 、 专 业 高 效 的 广告 投放 平台 。 提 供 了 创建 广告 计划 、 创 建 广告 投 
放 规 则 、 创建 广告 素材 、 广 告 主 的 广告 统计 报表 和 广告 主 的 区 域 统计 报表 等 模块 。 通 过 这 些 模块 ， 
可 以 形成 丰富 多 样 的 广告 形式 ， 提 升 广告 传播 效 霖 。 广 告 主 可 以 选择 的 5 种 广告 类 型 见 表 9-1。 


表 9-1 广告 主 可 以 选择 的 5 种 广告 类 型 


英文 简写 英文 全 称 描 述 
CPC Cost Per Click 点 击 付费 广告 ， 广 告 主根 据 广告 被 有 效 点 击 的 次 数 收 费 
CPM Cost Per Thousand Impression 展示 付费 广告 ， 只 要 展示 了 广告 主 的 广告 内 容 ， 广 告 主 就 为 此 付费 
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( 续 ) 
英文 简写 英文 全 称 描 述 
”CPA CostPerAction ”一 种 按 广告 投放 实际 效果 计价 方式 的 广告 ， 即 按 回应 的 有 效 行为 来 计 费 
CPS Cost Per Sales 一 种 以 实际 销售 产品 数量 来 计算 广告 费用 的 广告 
CE Cost Fer Time 一 种 以 时 间 来 计 费 的 广告 ， 国 内 很 多 的 网 站 都 是 按照 “一 个 月 多 少 钱 ” 


这 种 固定 收费 模式 来 收费 的 


(2) 为 开发 者 提供 代 入 广告 的 方式 和 稳定 的 应 用 管理 平台 。 开 发 者 可 以 随时 提交 应 用 , 查看 
相应 数据 ， 管 理应 用 程序 。 开 发 者 通过 WiAd 的 SDK 可 以 灵活 控制 广告 显示 的 次 数 、 频 率 和 类 
型 等 方面 设置 。WiAd 的 SDK 可 以 进行 广告 的 展示 ， 并 自动 跟踪 、 统 计 广告 的 展示 和 点 击 。 同 
时 ，WiAd 的 SDK 提 供 了 丰富 的 编程 接口 对 广告 显示 的 行为 进行 定制 ， 使 其 更 容易 符合 原 有 应 
用 的 需求 


9.3 ”推广 墙 平 台 


游戏 社交 平台 给 游戏 带 来 了 新 的 特性 , 提升 了 游戏 的 可 玩 性 , 而 手机 广告 平台 能 够 让 游戏 租 
入 广告 ， 提 高 了 游戏 的 收入 。 现 在 我 们 开始 介绍 第 三 个 平台 一 一 推广 墙 平台 。 

推广 墙 平 台 是 一 个 介 于 游戏 社交 平台 和 和 手机 广告 平台 之 间 的 平台 。 它 古 一 个 让 玩家 不 需要 购买 
游戏 内 虚拟 货币 , 通过 完成 推广 墙 内 的 任务 从 而 免费 获得 游戏 内 虚拟 货币 的 平台 。 推广 墙 同 时 也 是 
一 种 新 的 推广 方式 ， 通 过 这 种 推广 方式 ， 开 发 者 可 以 获得 额外 的 收入 并 增加 游戏 的 曝光 率 。 

WiOffer 是 人 微 云 提供 的 推广 墙 平 台 ， 目 前 仅 包括 Android 版 本 。 我 们 介绍 的 cocos2d-x5| 擎 与 推 
广 墙 平 台 的 集成 就 是 cocos2d-x5 引 警 与 WiOffer 的 集成 。 

WioOffer 是 微 云 推出 的 应 用 交叉 推广 与 虚拟 货币 系统 ， 类 似 于 Tapjoy 的 Offer 系 统 ， 开 发 者 在 
自己 的 应 用 和 游戏 中 符 入 WiOffer 的 SDK， 展 示 微 云 推广 墙 ， 即 可 与 其 他 应 用 之 间 相 互 推荐 ， 让 
数 千 个 软件 帮助 他 推广 应 用 , 引起 新 用 户 增 长 的 链 式 反应 。 开 发 者 可 以 从 中 获得 可 观 的 推广 收入 ， 
获得 更 多 的 用 户 ， 数 十 倍 提 升 应 用 传播 效果 。 

手机 用 户 通过 下 载 安装 推广 墙 里 面 的 应 用 和 游戏 , 获得 虚拟 货币 ,用户 可 用 其 在 应 用 内 购买 
游戏 关卡 、 道 具 、 场 景 和 皮肤 等 高 级 功能 以 及 别 的 内 容 和 服务 ， 增 强 用 户 的 活跃 度 与 黏 性， 培养 
用 户 的 应 用 内 购买 习惯 ， 提 高 付费 转化 率 ， 开 发 者 结合 使 用 WiGame 的 虚拟 商店 和 支付 系统 ， 更 
能 获得 丰厚 的 虚拟 物品 销售 收入 。 


9.4 技术 准备 


在 前 儿 草 ,我 们 已 经 介绍 了 cocos2d-x5| 擎 是 一 秋 使 用 C++ 作为 开发 语言 的 游戏 引擎 。 而 微 云 
的 游戏 社交 平台 、 手 机 广告 平台 和 推广 墙 平 台 在 iOS 上 是 使 用 Objective-C 语 言 的 ， 在 Android 上 是 
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使 用 Java 语 言 的 。 所 以 cocos2d-x5| 敬 要 与 这 几 个 平台 和 集成， 需要 让 cocos2d-x5| 获 能 够 直接 调用 
Objective-C 和 Java 的 一 些 模块 。 现 在 我 们 分 别 介绍 这 两 种 调用 方式 。 


9.4.1 cocos2d-x 调 用 Objective-C 


cocos2d-x 引 擎 使 用 C++ 开发 语言 开发 ， 那 么 cocos2d-x 调 用 Objective-C 也 就 是 让 C++ 调用 
Objective-C。 

在 之 前 的 几 章 里 ， 我 们 了 解 到 基于 cocos2d-x 引 警 开 发 的 游戏 如 采 想 要 把 游戏 发 布 到 iOS 上 ， 
就 需要 将 代码 放 到 Mac 操 作 系 统 上 进行 编译 ， 那 么 我 们 只 要 在 写 代码 时 ， 增 加 Mac 做 一 个 判断 就 
可 以 调用 Objective-C 了 。 

我 们 直接 以 cocos2d-x 引 擎 自 带 的 一 些 代 码 为 例 分 析 C++ 如 何 调用 Objective-C。 下 面 是 
CCApplication platform.h 中 的 一 段 代码 : 


#include "CCPlatformConfig.h" 


#if (CC TARGET PLATFORM == CC PLATFORM WIN32) 
#include "win32/CCApplication win32.h" 

#elif (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
#include "android/CCApplication android.h" 

#elif (CC TARGET PLATFORM == CC PLATFORM IOS) 
# include "ios/CCApplication ios.h" 

#elif (CC TARGET PLATFORM == CC PLATFORM WOPHONE) 
#include "wophone/CCApplication wophone .hn 
#elif (CC TARGET PLATFORM == CC PLATFORM AIRPLAY) 
#include "airplay/CCApplication airplay.h" 

#else 
#Eerror 
#end1if 


在 上 述 这 段 代 码 里 , 我 们 发 现 首先 引用 了 头 文 件 CCPlatformConfig.h, 这 个 头 文件 是 cocos2d-x 
引擎 跨 平 台 特 性 的 基础 ，CCPlatformConfig.h 里 面 定 义 了 很 多 的 稼 量 ， 用 于 区 分 不 同 的 操作 系统 。 
至 于 这 些 销 量 ， 可 以 参 芳 第 $ 草 的 具体 描述 。 

然后 根据 跨 平 全 的 稼 量 判断 当前 是 什么 操作 系统 : CC_TARGET_PLATFORM = CC_PLATFORM 


_WIN32 表 示 当 前 系统 是 Windows 系 统 ，CC_TARGET PLATFORM = CC _PLATFORM_ANDROID 表 示 


当前 系统 是 谷歌 鸭 Android 系 统 ，CC_TARGET_PLATFORM = CC_PLATFORM_IOS 表 示 当 前 系统 是 
平 果 的 1i0S 系 统 ，CC_TARGET_PLATFORM = CC_PLATFORM_WOPHONE 表 示 当 前 系统 是 添 Phone 系 
统 ，CC_TARGET_PLATFORM = CC_PLATFORM_AIRPLAY 表 示 当 前 系统 是 AirPlay 系 统 。 
得 到 当前 系统 后 ， 我 们 就 可 以 在 CC_PLATFORM_IOS 这 个 分 文 内 调用 Objective-C 的 函数 了 。 
在 C++ 如 何 调 用 Objective-C 的 开发 中 ， 第 一 要 紧 的 事情 不 是 代码 而 是 编译 强 选 项 ， 在 做 混合 
编译 之 前 一 定 要 把 编译 器 的 Compile Sources As 选项 改 为 Objective-C++。 默 认 的 选项 是 According 
to file type。 如 末 选 项 是 According to file type 的 话 , 一旦 两 种 语言 在 一 个 游戏 代码 文件 中 相互 调用 ， 
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束 会 报错 。 

当然 ， 我 们 可 以 用 C++ 代码 调用 方法 ， 也 可 以 用 Objective-C 调 用 方法 。 在 这 两 种 语言 里 对 象 
都 是 指针 ， 可 以 在 任何 地 方 使 用 。 例 如 ，C++ 类 可 以 使 用 Objective-C 对 象 的 指针 作为 数据 成 员 ， 
Objective-C 类 也 可 以 有 C++ 对 象 指针 作为 实例 变量 。 

正如 你 可 以 在 Objective-C 接 口中 声明 C 结 构 那 样 ， 你 也 可 以 在 Objective-C 接 口中 声明 C++ 类 。 
跟 C 结 构 一 样 ，Objective-C 接 口中 定义 的 C++ 类 是 全 局 泡 围 的 ， 不 是 Objective-C 类 的 内 骸 类 (这 
与 标准 C 提 升 租 人 套 结 构 定 义 为 文件 沁 围 是 一 致 的 )。 

为 了 允许 基于 语言 条 件 化 地 编写 代码 , Objective-C 编 译 絮 定义 了 __cplusplus 和 __0OBJC__ 
预 处 理 硕 毅 量 ， 分 别 指定 C++ 和 Objective-C。 

C++ 与 Objective-C 互 相 调用 时 ， 关 于 文件 名 的 原则 是 : Xcode 的 编译 器 允许 一 个 源 文 件 中 同 
时 包含 C++ 和 Objective-C 源 代码 , 但 是 这 样 的 源 文件 的 扩展 名 必须 是 “.mm”， 否则 编译 器 不 能 
确 处 理 。 这 样 源 文 件 包 含 的 代码 统称 为 Objective-C++ 代 码 。 一 旦 import 的 “.h 文件 中 也 import 
了 C++ 的 “.h ”文件 ， 则 对 应 的 “.m” 文 件 应 该 变 成 “.mm” 文 件 。 


9.4.2 cocos2d-x 调 用 Java 


cocos2d-x5| 敬 是 使 用 C++ 开 发 语言 开发 的 ， 那 么 cocos2d-x 调 用 Java 也 就 是 让 C++ 调 用 Java。 
说 到 这 里 ， 大 家 束 应 该 都 知道 了 ， 这 了 束 是 JNI 的 技术 。 

JNI (英文 全 称 为 JavaNative Interface) 的 中 文 翻译 为 Java 原 生 接口 ， 它 是 Sun 公 司 提 供 的 Java 
与 系统 中 的 原生 方法 交互 的 技术 (在 Windows 以 及 Linux 系 统 中 ， 实 现 Java 与 本 地 方法 互 调 ) ,日 
前 只 能 由 C/C++ 实现 。 从 Java 1.1 开 始 ，JNI 标 准 成 为 Java 平 台 的 一 部 分 ， 它 允许 Java 代 码 和 其 他 语 
言 写 的 代码 进行 交互 。 

JVM 在 屏蔽 各 种 操作 系统 实际 的 差异 性 的 同时 , 还 提供 了 JNI 技 术 , 使 得 开发 者 可 以 通过 Java 
程序 (代码 ) 调用 操作 系统 相关 的 技术 实现 的 库 国 数 ， 从 而 与 其 他 技术 和 系统 交互 ， 使 用 其 他 技 
术 实 现 的 系统 的 功能 ， 同 时 其 他 技术 和 系统 也 可 以 通过 JNI 提 供 的 相应 原生 接口 调用 Java 恬 用 系 
统 内 部 实现 的 功能 。 

尽管 使 用 Java 与 本 地 已 编译 的 代码 交互 通 稼 会 形 失 平台 可 移植 性 ， 但 是 ， 有 些 情况 下 这 样 做 
是 可 以 接受 的 ， 甚 至 是 必须 的 ， 比 如 ， 使 用 一 些 旧 的 库 与 硬件 、 操 作 系 统 进行 交互 ， 或 者 为 了 提 
高 程序 的 性 能 。JNI 标 准 至 少 保证 本 地 代码 能 工作 在 任何 Java 虚 拟 机 实现 下 。 

在 Windows 系 统 上 ， 一 般 可 执行 的 应 用 程序 都 是 基于 Native 的 PE 结构 的 ，Windows 上 的 JVM 
也 是 基于 结构 实现 的 。Java 应 用 体系 痢 是 构建 于 VM 之 上 的 ， 关 系 如 图 9-1 所 示 。Linux 平 台 Java 
体系 与 Windows 平 台 上 的 类 似 。 

对 于 应 用 本 身 来 说 ， 可 以 把 JNI 看 做 一 个 代理 模式 。 对 于 开发 者 来 说 ， 需 要 使 用 C/C++ 实现 
一 个 代理 程序 (JNI 程 序 ) 来 实际 操作 目标 原生 国 数 ，Java 程 序 中 则 是 JVM 通 过 加 载 并 调用 此 JNI 
程序 来 间接 地 调用 目标 原生 国 数 。Java 调 用 C++ 的 关系 如 图 9-2 所 示 ， 而 C++ 调用 Java 的 关系 如 图 
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9-3 所 示 。 


几 | 
2. 调用 本 地 方法 


1. 加 载 JNI 代 理 
2. 调 用 JNI 代 理 方 法 


9-2 Java 调用 C++ 关系 


| 


1. 调用 INI 代 理 ”| 本 地 方法 1. 加 载 Java 库 JNI 代 理 


中 的 方法 2. 调 用 Java 类 


图 9-3 ”C++ 调用 Java 关 系 


C++ 要 调用 Java 程 序 必须 先 加 载 Java 虚 拟 机 ， 由 Java 虚 拟 机 解释 执行 类 文件 。 为 了 初始 化 Java 
虚拟 机 ，JNI 提 供 了 一 系列 的 接口 国 数 ， 通 过 这 些 国 数 可 以 很 方便 地 将 虚拟 机 加 载 到 内 存 中 。 

(1) 初始 化 虚拟 机 

图 数 为 jint JNI_CreateJavaVM(JavaVM **pvm, void **env, void args) 。 

第 一 个 参数 JavaVM **pvm 是 Java 虚 拟 机 的 指针 ， 第 二 个 参数 void **env 和 是 贯 军 整个 调用 
过 程 的 一 个 参数 ， 因 为 后 面 的 所 有 国 数 都 需要 这 个 参数 ， 第 三 个 参数 void args 在 JDK1.1 和 
JDK1.2 之 后 的 版 本 上 有 些 不 同 。 在 JDK 1.1 中 总 是 指 同 一 个 结构 JDK1_1Initargs， 而 这 个 结构 
无 法 在 所 有 版 本 的 虚拟 机 中 进行 无 颖 移植 。 所 以 为 了 保证 JNI 代 码 的 可 移植 性 ， 建 议 使 用 JDK 1.2 
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的 方法 来 初始 化 虚拟 机 。 表 9-2 就 是 在 JDK1.1 和 JDK1.2 下 初始 化 虚拟 机 的 代码 。 


JDK 的 版 本 


JDK 1.1 


JDK 1.2 


表 9-2 ”在 JDK1.1 和 JDK1.2 下 初始 化 虚拟 机 的 代码 
初始 化 虚拟 机 


int main() 


int 


JNIEnNV *enyv; 

JavaVM *]jvm; 
JDK1_1InitArgs vm args; 
Jint res; 


// 有 版 本 号 


vm args.version = Ox00010001; 


// 获 取 缺 省 的 虚拟 机 初始 化 参数 
JNI_GetDefaultJavaVMInitArgs (&vm_argqs) ， 


/ /创建 虚拟 机 
res = JNI_CreateJavaVM(&]jvm,&env,é&vm args); 
if (res < 0) { 
exit (1); 
} 
/// 


(*jvm) ->DestroyJavaVM (jvm);} 


mainl() 


int res; 

JavaVM *jvm; 

JNIENYV *enyv; 
JavaVMInitArgs vm args; 


JavaVMOption options[3]; 


/ /设置 初始 化 参数 

options[0] .optionString = "-Djava.compiler=NONE"; 
options[1] .optionString = "-Djava.class.path=."; 
options[2] .optionString = "-verbose:JjJni"; 


// 有 版 本 号 

vm args.version = UNI_VERSION 1 2; 
vm_args .nOptions = 3; 

vm args.options = options; 


vm _ args.ignoreUnrecognizedqd = JNI_TRUE; 


if (res < 0) 
{ 
exit (1); 
} 
/ /释放 虚拟 机 资源 


(*jvm) ->DestroyJavaVM (jvm);} 


|， 9.4 技术 准备 


res = JNI_CreateJavaVM(&jvm, (void**)&env, &vm args);} 
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(2) 获取 指定 对 象 的 类 定义 

若 知 道 类 名 则 通过 类 名 得 到 类 定义 ， 使 用 jclass FindClass (UNIEnv *env, const char 
*name) ;来 获取 。 

知 不 知道 类 名 则 通过 寸 对 象 直接 得 时 到 类 定义 ,使 用 jclass GetObjectClass (UNIEnv *xenv， 
jobject obj ) 来 歼 取 。 

(3) 获取 要 调用 的 方法 

获得 韭 静态 方法 使 用 jmethodID GetMethodID (UNIEnv *env, jclass clazz, const 


char *name, const char *sig), 


获得 静态 方法 使 用 jmethodID GetStaticMethodID(JNIEnv *env, jclass clazz,， 
const char *name, Const char *S19) 

第 一 个 参数 JNIEnv *env 是 初始 化 虚拟 机 获取 的 JNI 环 境 的 指针 ， 第 二 个 参数 jclass clazz 是 已 
歼 取 到 的 类 定义 , 第 三 个 参数 const char *name 古 方法 名 , 第 四 个 参数 const char *sig 是 方法 的 定义 ， 
我 们 知道 Java 支 持 多 态 ， 同 名 方法 通过 第 四 个 参数 来 定位 得 到 具体 的 方法 。 

(4) 调用 Java 类 方法 

调用 非 静 态 国 数 使 用 Cal11<type>Method(UNIEnv *env, jobject obj， jmethodID 
methodqID，...)、Cal1<type>MethoaqA (UNIEnV *env, Jobject obj, jmethodID methodID, 
Jvalue *args); .Call<type>MethodV (JNIEnNnYV *env, Jobject obj, jmethodID methodID, 
va _List args) 力 法 。) os 它 只 是 一 个 通配符 , 比如 call<type> 
Method ,表示 在 JNI 里 面 有 人 下面 这 些 图 数 : CallsStaticVoidMethod、CallStaticObject- 
Method. CallStaticBooleanMethod. CallStaticByteMethod., CallStaticCharMethod. 
CallStaticShortMethod., CallStaticIintMethod.,. CallStaticLongMethod., CallStatic-— 
FloatMethod、 CallStaticDoubleMethod, 

调用 静态 函数 使 用 Callstatic<type>Method (UNIEnv *env, jobject obj, jmethodID 
methodID, ...)、CallStatic<type>MethodA (JNIEnNnYV *env, jobject ob]j, jmethodID 
methodID, jvalue *args); 、CallStatic<type>MethodV (UNIEnV *env, Jobject ob] ， 
jmethodID methodID，va_list args) 方 法 。 关 于 通配符 <type> 解 释 同 上 。 

(5) 获得 类 属性 的 定义 

获取 静态 属性 使 用 jfielgdID GetStaticEieldID(UNIEnv *env, jclass clazz, const 
char *name, const char *sig)、 NativeType GetStatic<type>Field(JNIEny *enyv, 
jclass clazz,jfieldID fieldqID) 方 法 。 关 于 通配符 <type> 解 释 同 上 。 

获取 韭 静态 属性 使 用 jfieldID GetFieldID(JNIEnv *env, jclass clazz, const 
char *name, const char *sig)、 NativeType Get<type>Field(JNIFEnNnV *env, Jobject 
obj，jfieldID fieldqID) 方 法 。 关 于 通配符 <type> 解 释 同 上 。 

JNI 除 了 提供 上 述 这 些 基本 的 操作 外 ， 还 提供 了 数组 处 理 、 异 第 处 理 和 多 线程 调用 等 处 理 方 
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案 。 这 样 就 可 以 在 C++ 中 使 用 Java 开 发 的 方法 了 。 
9.5 ”案例 实现 


至 此 我 们 已 经 掌握 了 cocos2d-x5| 敬 调用 Objective-C 和 Java 的 基本 方法 了 。 现 在 我 们 束 开 始 用 
具体 的 游戏 场景 完成 cocos2d-x5| 擎 与 游戏 社交 平台 、 手 机 广告 平台 和 推广 墙 平 台 的 集成 。 


9.5.1 场景 分 析 


在 某 一 个 游戏 中 ,玩家 需要 分 享 自己 的 游戏 成 果 ，, 需要 问 其 他 的 游戏 玩家 发 起 挑战 , 需要 与 
其 他 玩 该 游戏 的 玩家 进行 交流 ， 也 需要 问 游 戏 开 发 者 提出 意 凡 。 同 样 ， 在 这 个 游戏 中 ， 开 发 者 需 
要 得 到 玩家 的 信息 ,需要 得 到 玩家 的 反馈 意见 ,需要 岁入 一 些 广告 进行 盘 利 ， 也 需要 推广 自己 的 
游戏 产品 。 

基于 上 述 两 种 情况 ,开发 者 非常 需要 一 套 能 满足 社交 、 广 告 和 推广 的 解决 方案 。 开 发 者 对 此 
做 出 的 需求 分 析 结 果 如 下 。 

(1) 游戏 内 增加 社交 的 入 口 ,让 玩家 可 以 关注 好 友 的 最 新 情况 ,分 享 应 用 以 及 向 别 的 玩家 挑战 。 

(2) 游戏 中 在 不 影响 用 户 体验 的 前 提 下 增加 广告 展示 的 区 域 ， 用 于 获取 收入 。 

(3) 游戏 增加 推广 墙 功 能 ， 可 以 与 其 他 游戏 或 应 用 相互 推荐 ， 让 数 千 个 游戏 或 应 用 帮助 推广 
游戏 ， 引 起 新 用 户 增长 的 链 式 反应 ， 从 中 获得 恨 好 的 推广 收入 ， 获 得 更 多 的 用 户 ， 数 十 倍 提升 应 
用 传播 效果 。 


9.5.2 环境 准备 


对 本 场景 需要 的 开发 环境 的 准备 ， 这 里 的 环境 包括 以 下 4 个 。 

(1) cocos2d-x 引 警 的 开发 环境 ， 此 部 分 可 参考 第 4 章 的 内 容 。 

(2) 游戏 社交 平台 (WiGame) 的 SDK， 包 括 用 于 iOS 平 台 的 WiGame sdk iOS 3.0 release.zip 
文件 和 用 于 Android 的 WiGame sdk android 3.0.4.zip。 

(3) 手 机 广告 平台 (WiAd) 的 SDK, 包括 用 于 iOS 平 台 的 WiAd sdk iOS 2.1.0 release.zip 文 件 
和 用 于 Android 的 WiAd sdk android 1.2.3.zip。 

(4) 推广 墙 平台 (WiOffer) 的 SDKE， 包 括 用 于 Android 的 wioffer android sdk 1.0.4.zip。 

关于 上 面 提 到 的 微 云 各 个 平台 的 SDKE， 可 访问 微 云 官方 网 站 www.wiyun.com 搜 索 ， 或 者 直接 
访问 http:/www.wiyun.comya/SDKV/index.html 下 载 到 最 新 版 本 的 SDK 。 


9.5.3 游戏 设计 


根据 前 面 的 场景 接 述 ,我 们 现在 对 游戏 进行 设计 。 首 先 在 游戏 的 首页 至 少 包 括 两 个 区 域 , 一 
是 广告 区 域 ,广告 区 域 用 于 展示 手机 广告 平台 (WiAd) 的 广告 ， 二 是 菜单 区 域 , 菜单 区 域 至 少 


~- ~、 

、 
‘/ \ 
/ \ 
1 1 
\ 1 
旬 1/ 
N A 
We We 


第 9 章 ”cocos2d-x 之 实用 篇 


需要 包括 “游戏 社区 ”和 “推广 墙 ” 两 个 按钮 ， 也 就 是 如 图 9-4 所 示 的 界面 流转 图 。 


广告 区 域 
于 
开始 游戏 ”所 =》 显示 游戏 主 界面 
游戏 社区 显示 社交 功能 
推广 二 “下 让 显示 推广 墙 功能 


机 和 
9.5.4 游戏 实现 


本 章 的 核心 内 容 是 cocos2d-x5| 获 与 游戏 社交 平台 、 手 机 广告 平台 和 推广 墙 平台 的 集成 , 我 们 
就 不 花 精 力 在 游戏 本 丑 的 制作 上 了 。 因 此 我 们 选择 常 4 章 提 到 的 那个 Hello World 游 戏 ， 对 其 稍 作 
调整 。 

第 一 步 , 去 除 FPS 显 示 , 修改 AppDelegate.cpp 文 件 里 的 下 列 代码 , 将 setDisplayFPS (true) 
改 成 setDisplayFPS (false)， 


//true: 显示 FPS,，false: 不 显示 FPS 
pPDirector->setDisplayFPS (false); 


第 二 步 ， 调 整 一 下 游戏 的 活页， 让 其 更 好 看 一 上 后。 首页 的 init 函 数 代 码 修改 为 : 


bool HelloWwWorld: :init() 
{ 


/ /调用 父 类 的 init 方 法 
if ( !CCLayer: :init() ) 


{ 
return false; 


} 


/ /增加 一 个 标签 ， 文 字 为 : 社交 游戏 
ccnabelTih *piiabel = "CCLebelTih: labelNithetringt wis 计 2" "Tionburin 34)3 


/ /获取 屏幕 大 小 


CCSizZe size = CCDirector: :sharedDirector()->getWinSize(),; 


// 设 置 Label 的 位 置 
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pLabel->setPosition( ccp(size.width / 2, size.height - 20) ); 


/ /将 Label 增 加 到 当前 层 中 
this->addChild(pLabel, 1); 


/ /设置 背景 图 片 为 HelloWorld.png 
CCSprite *pSprite = CCSprite::spriteWithFile("HelloWorld.png"); 


/ /设置 背景 图 片 的 位 置 
pSprite->setPosition( ccp(size.width/2, size.height/2) ); 


/ /将 背景 图 片 增加 到 当前 层 中 
this->addChild(pSprite, 0); 


return true; 


} 

根据 设计 ,在 游戏 首页 需要 增加 下 述 按钮 , 在 Windows 平 台 上 菜单 按钮 为 “开始 游戏 ”" 和 “ 退 
出 "， 在 iOS 平 台 上 菜单 按钮 为 “开始 游戏 "、“ 游 戏 社区 ”和 “退出 ”， 在 Android 平 台 上 菜单 按 负 
为 “开始 游戏 "、“ 游 戏 社区 ”"、“ 推 广 墙 ” 和 “退出 ”， 在 沃 Phone 平 台 上 菜单 按钮 为 “开始 游戏 ” 
和 “退出 *， 如 表 9-3 所 示 。 


表 9-3 菜单 按钮 


平 台 菜单 按钮 
Windows 平 台 “开始 游戏 ”和 “退出 ” 
iOS 平 台 开始 游戏 、 “游戏 社区 和 “退出 - 
Android 平 台 “开始 游戏 、、“ 游 戏 社 区 ”、“ 推 广 墙 和 “退出 ” 
沃 Phone 平 台 “开始 游戏 和 “退出 - 


我 们 在 Hello World 游 戏 的 HelloWorldScene.cpp 的 ijnit 函 数 里 面 增加 下 面 的 代码 : 


/ /当前 平台 是 Windows 平 台 或 者 沃 Phone 平 台 

#if (CC TARGET PLATFORM == CC_ PLATFORM WIN32 || CC TARGET PLATFORM == CC_ PLATFORM 
WOPHONE ) 
CCMenulItemFont::setFontSize(24); 
CCMenuItemFont *start = CCMenuItemFont::itemFromString ("开始 游戏 "，, this, menu_selector 
(HellowWorld: :menuCallbackStart)).; 
CCMenuItemFont *exit = CCMenuItemFont::itemFromString(" 述 出 ", this, menu selector 
(HelloWorld: :menuCallbackExit)).; 


start->setAnchorPoint (CCPointZero).; 
start->setPosition(ccp(5, 80)); 


exit->setAnchorPoint (CCPointZero): 
exit->setPosition(ccp(5, 50)); 


CCMenu *menu = CCMenu: :menuWithIitems( start, exit, NULL):; 
menu->setPosition( CCPointZero ); 
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this->addChild (menu, 2); 
#endif 


/ /当前 平台 古 i0S 平 台 

#if (CC TARGET PLATFORM == CC PLATFORM IOS) 
CCMenuItemFont::setFontSize(24);， 
CCMenuItemFont *start = CCMenuItemFont::itemFromString ("开始 游戏 ", this, menu _ selector 
(HellowWorld: :menuCallbackStart)); 
CCMenuTtemFont *sns = CCMenuItemfont::itemFromString ( 儿戏 社区 this; menyu_ selector 
(HellowWworld: :menuCallbackSNS)).; 
CCMenuItemFont *exit = CCMenuItemFont::itemFromString(" 退 出 ",， this, menu selector 
(HelloWorld: :menuCallbackExit)); 


+ 


start->setAnchorPpoint (CCPointZero).; 


+ 


tart->setPosition(ccp(5, 110)); 


上 


ns->setAnchorPoint (CCPolIntZero) ， 


U) 


sns->setPosition(ccp(5, 80)); 


exit->setAnchorPoint (CCPointZero): 
exit->setPosition(ccp(5, 50)); 


CCMenu *menu = CCMenu: :menuWithIlitems( start, sns, exit, NULL);} 
menu->setPosition( CCPointZero );} 
this->addChild(menu, 2); 

#end1if 


/ /当前 平台 是 Android 平 台 

#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
CCMenuItemFont::setFontSize(24);， 
CCMenuItemFont *start = CCMenuItemFont::itemFromString ("开始 游戏 ",，, this, menu_selector 
(HellowWworld: :menuCallbackStart)); 
CCMenuItemFont *sns = CCMenuItemFont::itemFromString ("游戏 社区 ", this, menu_selector 
(HellowWworld: :menuCallbackSNsS)).; 
CCMenuItemFont *offer = CCMenuItemFont::itemFromString ("推广 墙 ", this, menu_selector 
(HellowWworld: :menuCallbackOffer)).; 
CCMenuItemFont *exit = CCMenuItemFont::itemFromString(" 迟 出 ", this, menu_ selector 
(HelloWorld: :menuCallbackExit));} 


+ 


tart->setAnchorPoint (CCPointZero).; 


上 


二 二 


start->setPosition(ccp(5, 140)); 


ns->setAnchorPoint (CCPointZero).; 


U) 


sns->setPosition(ccp(5, 110)); 


offer->setAnchorPoint (CCPointZero):; 
offer->setPosition(ccp(5, 80)); 


exit->setAnchorPoint (CCPointZero): 
exit->setPosition(ccp(5, 50)); 


CCMenu *menu = CCMenu: :menuWithIitems( start, sns, offer, exit, NULL); 
menu->setPosition( CCPointZero );} 
this->addChild(menu, 2); 

#end1if 


9.5 案例 实现 


每 一 个 某 单 需 要 设置 被 点 击 后 的 回调 国 数 ， 也 就 是 上 面 代 码 里 面 的 Hellowor1d: : menu- 


CallbackSstart, Hel loworLid::menucCallbackSNS ‘menuCal lbackoOfTfier. HelloWorld 
: :menuCallbackExit, 国 数 需要 在 HelloWorldScene.h 里 面 申 明 ， 申 明 的 代码 如 下 : 


// 开 始 游戏 的 回调 函数 

vold menuCallbackStart (CCObject *sender); 
/ /游戏 社交 的 回调 函数 

void menuCallbackSNS (CCObject *sender).; 

/ /推广 墙 的 回调 函数 

void menuCallbackOffer (CCObject *sender); 
/ /退出 的 回调 函数 


void menuCallbackExit (CCObject *sender).; 


点 击 “ 开 始 游 戏 ” 按 钮 ， 游 戏 进 入 主 界面 。 假 如 游戏 主 界 面 的 场景 是 GameScene， 那 么 按钮 
的 实现 代码 如 下 ， 
/ /开始 游戏 的 回调 函数 


void HelloWorld: :menuCallbackStart (CCObject *sender) 
{ 

CCScene *pScene = GameScene: :Scene ( ) ; 

if (pScene) 

{ 


CCDirector: :sharedDirector()->pushScene( PScene) ， 


} 


点 击 “ 退 出 ”按钮 ， 游 戏 关 闭 。 按 钮 的 实现 代码 如 下 : 
// 退 出 的 回调 函数 


void HelloWorld: :menuCallbackExit (CCObject *sender) 
{ 


CCDirector: :sharedDirector()->end(): 

#if (CC TARGET PLATFORM == CC PLATFORM IOS) 
exit (0) ; 

#endif 


扩 击 “游戏 社区 ”按钮 ， 将 调用 游戏 社交 平台 的 相关 功能 ， 具 体 实现 请 阅读 本 方 下 面 的 “ 游 
戏 社交 平台 集成 ”部 分 。 

尽 击 “推广 墙 ”、 按 钮 ， 将 调用 推广 墙 平 台 的 相关 功能 ， 具 体 实 现 请 阅读 本 市 下 面 的 “推广 墙 
平台 集成 ”部 分 。 

同样 ， 根 据 设计 , 需要 在 游戏 首页 岁入 广告 区 域 ,具体 实现 请 阅读 本 习 下 面 的 “手机 广告 平 


台 集 成 ”部 分 。 


1. 游戏 社交 平台 集成 
在 9.1 市 里 ,我 们 已 经 对 游戏 社交 平台 WiGame 做 了 比较 详细 的 描述 。 现 在 我 们 就 把 这 个 平台 
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集成 到 我 们 的 游戏 中 。 

查看 WiGame 在 1OS 和 Android 平 台 上 的 SDK， 我 们 发 现 两 者 虽然 实现 的 语言 不 同 ， 但 是 在 整 
体 设 计 上 还 是 大 同 小 异 的 。 首先 通过 一 个 初始 化 函数 设置 WiGame 的 一 些 全 局 参数 。 在 iOS 平 台 上 
是 WiGame 的 initNWithAppKey 国 数 ， 在 Android 平 台 上 是 WiGame 的 init 图 数 。 然 后 就 可 以 通过 
各 目的 语言 调用 不 同 的 接口 来 调用 WiGame 的 功能 

由 于 初始 化 国 数 与 平台 的 耦合 度 比较 高 ， 所 以 这 块 代 码 不 做 封装 。 表 9-4 束 是 i08 平 台 和 
Android 平 台 上 WiGame 的 初始 化 代码 。 


表 9-4 iOS 平 台 和 Android 平 台 上 WiGame 的 初始 化 代码 


平 台 触发 点 初始 化 代码 
iOS 平 台 applicationDid= // 初 始 化 WiGame 平 台 
FinishLaunching 万 法 


[ [WiGame sharedInstance] initwithAppKey:@"< 填 入 应 
用 的 app key>" secretKey:@"< 填 入 应 用 的 secret key>" 
appVersion:@"< 填 入 应 用 版 本 ,格式 是 x.y >" testMode:NO]; 
Android 平 台 onCreate 方 法 / /初始 化 NiGame 平 台 

WiGame.init(this，" 填 入 应 用 的 app key"，" 填 入 应 用 的 
secret key"，" 填 入 应 用 版 本 ,格式 是 x.y"， false, false); 


接 下 来 ,我们 就 封 滩 WiGame 的 “局 动 游戏 社交 平台 ”功能 。 在 iOS 平 台 上 古 WiGame 的 
1aunchPanel 国 数 ， 在 Android 平 台 上 是 WiGame 的 startUI 图 数 。 

首先 定义 一 个 公共 的 头 文件 CommonWiGame.h， 以 后 调用 “局 动 游戏 社交 平台 ”功能 时 ， 只 
需要 ?| 用 这 个 公共 的 头 文件 即 可 ，CommonWiGame.h 代 码 如 下 : 


#ifndef CommonNWiGame h 
#define _ CommonWiGame h 


#include "cocos2d.h" 


#1ifdef cplusplus 


extern "C" f{ 
#endif 


/ /定义 启动 游戏 社交 平台 函数 
void startUI(); 


#ifdef __cplusplus 
} 
#endif 


#endif // _ _ CommonWiGame hh _ 
与 CommonWiGame.h 配 套 的 CommonWiGame.cpp 有 的 实现 如 下 ， CommonWiGame.cpp 提 供 了 
iOS 和 Android 两 个 平台 的 实现 。 


#include "CommonWiGame.h'" 
/ /当前 平台 是 i0S 平 台 
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9.5 


#if (CC TARGET PLATFORM == CC PLATFORM IOS) 
#include "WiGame.h" 

#end1if 

/ /当前 平台 是 Android 平 台 

#1if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
#include "cocos2d.h" 

#endif 


#ifdef __cplusplus 
extern "C" { 
#endif 


/ /当前 平台 古 i0S 平 台 
#if (CC TARGET PLATFORM == CC PLATFORM IOS) 
/ /启动 游戏 社交 平台 
void startUI() 
{ 
[ [WiGame sharedIinstance] launchpanell]; 
} 
#endif 


/ /当前 平台 是 Android 平 台 
#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
/ /启动 游戏 社交 平台 
void startUI() 
{ 
/ /获取 JNI 环 境 
JNIENYV *enyv = NULL; 
if (gJavaVM->GetEnv((void**) &env, JNI_VERSION 1 4) != JUJNI_OKI) 
{ 
int status = gJavaVM->AttachCurrentThread (&env, NULL).; 
if(status < 0) 
‘ 
return; 
} 
}else 
{ 
return; 


} 


/ /寻找 类 和 函数 
Jclass clazz = env->FindClass ("com/wiyun/game/WiGame").; 
jmethodID mid = env->GetStaticMethodID(clazz, "startUI", "()V"); 


/ /调用 本 地 方法 


env->CallStaticVoidMethod (clazz, mid); 


// 删 除 不 再 需要 的 引用 
env->DeleteLocalRef (clazz); 
} 
#endif 


#ifdef __cplusplus 


} 
#endif 


案例 实现 
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完成 上 述 封 淡 后 ， 我 们 束 可 以 在 各 目的 平台 上 和 针对 集成 后 的 代码 进行 编译 了 。 

@ 在 iOS 平 台 编 译 

第 一 步 ， 在 项 目的 链接 库 (Linked Libraries ) 上 增加 引用 库 : MediaPlayer.framework 、 
SystemConfiguration.framework 、MapKlt.framework 、CoreLocation.framework 、CFNetwork.framework、 
QuartzCore.framework、 StoreKit.framework、 libsglite3.dylib, 

第 二 步 ， 将 WiGame 提 供给 10S 平 台 的 SDK (WiGame sdk iOS 3.0 release.zip) 解压 缩 得 到 
SDK 的 文件 ， 然 后 将 sk 目录 拖 放 到 工程 下 , 在 弹出 的 对 话 框 中 选中 “Recursively create groups for 
any added folders” 。 

第 三 步 , 在 项 目 属性 (Project Info) 中 找到 “Other Linker Flags ”选项 , 在 其 中 添加 选项 -ObjC 
和 all load, 

@ 在 Android 平 台 编 译 

第 一 步 ， 将 WiGame 提 供给 Android 平 台 的 SDK (WiGame sdk android 3.0.4.zip) 解压 缩 得 到 
SDK 败 文件 ， 然 后 将 res 目 录 下 的 所 有 文件 复制 到 游戏 Android 项 目的 res 目 好 内 。 

第 二 步 ， 将 libs 目 孙 下 的 WiGame.jar 复 制 到 游戏 Android 项 目 内 ， 并 设置 依赖 关系 。 

第 三 步 ， 修 改 AndroidManifest.xml， 增 加 游戏 社交 平台 展示 时 需要 的 活动 Activity， 增 加 的 活 
动 Activity 内 容 包 括 : 


CI。 


in.game.AcCcountRetIeVal 


| 
HK 
CG 
DD 


in.game .BidPicker 


| 
Mo 
SC 
| 


lyun.game.ChangeMyPortrait 
in .game.ComposeTopic 


| 
Mo 
@ 
DD 


lyun.game.CroplImage 
in .game .DLCDownloader 


| 
< 
SC 
DD 


lyun .game .DownloadBlob 


un.game.FullIimageGallery 


| 
< 


lyun.game.SaveGameDialog 
in .game .Home 

lyun.game .LoadGameDialog 
in .game .Login 


| 
nq 
CG 
四 | 


lyun.game .MyBadD1alod 
un.game .OAuth 


| 
< 


in .game .PurchaseDialog 


| 
nq 
SC 
| 


lyun.game.SendChallenge 
lyun.game.SubmitScore 
lyun.game .SwitchAccount 


A 

O 
5 < 5 

| 

CS 

】 


三 
< 
EC 
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lyun .game .UseAnotherAccount 


COm.wiyun.game .UserMap 


第 四 步 ， 修 改 AndroidManifest.xml， 增 加 游戏 社交 平台 运行 时 需要 的 权限 ， 增 加 的 权限 内 容 
如 下 : 


<uses-permission android:name="android.permission.READ PHONE STATE"/> 


<uses-permission android:name="android.permission.INTERNET"/> 


<uses-permission android:name="android.permission.ACCESS NETWORK_STATE"/> 
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<uSes-permission android:name="android.permission.ACCESS _ WIFI_STATE" /> 
<uses-permission android:name="android.permission.ACCESS COARSE LOCATION'" /> 


<uSes-permission android:name="android.permission.ACCESS_ FINE LOCATION"/> 


<uSes-permission android:name="android.permission.WRITE EXTERNAL STORAGE"/> 


2. 手机 广告 平台 集成 

在 9.2 市 里 ， 我 们 已 经 对 手机 广告 平台 WiAd 做 了 比较 详细 的 描述 。 现 在 我 们 就 把 这 个 平台 集 
成 到 我 们 的 游戏 中 。 

奋 看 WiAd 在 1i0S 和 Android 平 台 上 的 SDKE ， 我 们 发 现 两 者 虽然 实现 的 语言 不 同 ， 但 是 在 整体 
设计 上 还 是 大 同 小 异 的 。 广 告 最 终 都 是 需要 使 用 茶 一 个 区 域 进 行 展 示 的 ,1iOS 平 台 用 到 JiOS 平 台 
的 View，Android 平 台 用 到 了 Android 平 台 的 View。 所 以 我 们 需要 做 一 个 封装 ， 用 一 个 公共 的 方法 
通过 各 目的 语言 调用 不 同 的 接口 来 调用 广告 的 展示 功能 。 

接 下 来 ， 我 们 就 封 狼 WiAd 鸭 “广告 展示 ”功能 ， 在 iOS 平 台 上 是 WiAdViewHjJrequestAd 略 
数 ， 在 Android 平 台 上 是 WiGame 的 requestAd 畏 数 。 

在 前 面 定 义 的 公共 头 文件 CommonWiGame.h 内 增加 下 列 内 容 , 以 后 调用 “请 求 广告 ”功能 

只 需要 引用 这 个 公共 的 头 文件 。 


#ifndef CommonWiGame h 


#define CommonWiGame h 


#include "cocos2d.h" 


#i fdef cplusplus 


extern "C" f{ 
#endif 


/ /定义 启动 游戏 社交 平台 函数 
void startUI(); 
#if (CC _ TARGET PLATFORM == CC PLATFORM ANDROID) 


/ /定义 打开 Offer 列 表 函 数 


void showOffers(); 
#endif 
/ /定义 请 求 广告 冰 数 
void regquestAd().; 


#ifdef __cplusplus 
} 
#endif 


#endif // __CommonWiGame Ph _ 
与 CommonWiGame.h 配 套 的 CommonWiGame.cpp 的 实现 如 下 ，CommonWiGame.cpp 提 供 了 
iOS 和 Android 两 个 平台 的 实现 。 


#include "CommonWiGame.h'" 
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/ /当前 平台 是 i0S 平 台 

#if (CC TARGET PLATFORM == CC PLATFORM IOS) 
#include "WiGame.h" 

#endif 

/ /当前 平台 是 Android 平 台 

#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
#include "cocos2d.h" 

#endif 


#ifdef __cplusplus 
extern "C" { 
#endif 


/ /当前 平台 是 i0S 平 台 

#1if (CC TARGET PLATFORM == CC PLATFORM IOS) 
/ /启动 游戏 社交 平台 
void startUI() 
{ 


[ [WiGame sharedIinstance]|] launchpPpanell].; 


/ /请 求 广 告 
Void requestAd() 
{ 
WiAdView *adView = [WiAdView adViewWithResId:@" 广 告 位 ID" style:kWiAdViewStyle- 
Banner320 50|];，; 
[self.view addSubview:adViewl]; 
[adView requestAd]; 


#endif 


/ /当前 平台 是 Android 平 台 


#1if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
/ /启动 游戏 社交 平台 
void startUI() 
/ /获取 JNI 环 境 
JNIENYV *enyv = NULL; 
if (gJavaVM->GetEnv((void**) &env, JNI_VERSION 1 4) != JNI_OK) 


{ 
int status = gJavaVM->AttachCurrentThread (&env, NULL).; 
if(status < 0) 


( 


return; 


} 


}else 


' 


return; 
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Jclass clazz = env->FindClass ("com/wiyun/game/WiGame").; 
jmethodID mid = env->GetStaticMethodID(clazz, "startUI", "()V"); 
// 调 用 本 地 方法 


env->CallStaticVoidMethod (clazz, mid); 


/ /删除 不 再 需要 的 引用 


env->DeleteLocalRef (clazz).; 


/ /打开 Offer 列 表 


void showOffers() 


1 


} 


/ /获取 JNI 环 境 
JNIENYV *enyv = NULL; 
if (gJavaVM->GetEnv((void**) &env, JNI_VERSION 1 4) != JUJNI_OKI) 
‘ 
int status = gJavaVM->AttachCurrentThread (&env, NULL).; 
if(status < 0) 
retCUrN; 
} 
}else 
{ 


return; 


// 寻 找 类 和 国 数 


jclass clazz = env->FlndqClass("com/wIyun/oftfer/WiIOffer" ) ，; 


jmethodID mid = env->GetStaticMethodID(clazz, "showOffers", "()V"); 


/ /调用 本 地 方法 


env->CallStaticVoidMethod (clazz, mid):; 


/ /删除 不 再 需要 的 引用 


env->DeleteLocalRef (clazz).;， 


/ /请 求 广 告 
Vold redquestAd () 


/ /获取 JNI 环 境 

JNIENYV *enyv = NULL; 

if (gJavaVM->GetEnv((void**) &env, JNI_VERSION 1 4) != JNI_OK) 
{ 


int status = gJavaVM->AttachCurrentThread (&env, NULL).; 
if(status < 0) 
{ 


return; 


}else 


9.5 案例 实现 
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return; 
} 
/ /寻找 类 和 函数 
jclass clazz = env->FindClass ("com/wiyun/game/WiGame").;} 
jmethodID mid = env->GetStaticMethodID(clazz, "requestAgd", "()V"); 
// 调 用 本 地 方法 


env->CallStaticVoidMethod (clazz, mid); 


/ /删除 不 再 需要 的 引用 
env->DeleteLocalRef (clazz).; 


y 

#endif 

#ifdef __cplusplus 

ee 

完成 上 述 封 装 后 ， 我 们 就 可 以 在 各 目的 平台 上 和 针对 集成 后 的 代码 进行 编译 了 。 

@ 在 iOS 平 台 编 译 

第 一 步 ， 在 项 目的 链接 库 (Linked Libraries) 上 增加 引用 库 : MediaPlayer.framework 和 和 
SystemConfiguration.framework, 

第 二 步 ， 将 WiAd 提 供给 iOS 平 台 的 SDK (WiAd sdk iOS 2.1.0 release.zip) 解压 缩 得 到 SDK 
的 文件 ， 然 后 将 sdk 目 录 拖 放 到 工程 下 ,在 弹出 的 对 话 框 中 选中 “Recursively create groups for any 
added folders” 。 

第 三 步 , 在 项 目 属 性 (Project Info) 中 找到 “Other Linker Flags” 选 项 , 在 其 中 添加 选项 -ObjC 
和 all load 。 

@ 在 Android 平 台 编 译 

第 一 步 ， 将 WiAd 提 供给 Android 平 台 的 SDK (WiAd sdk android 1.2.3.zip) 解压 缩 得 到 SDK 
的 文件 ， 然 后 将 res 目 孙 下 的 所 有 文件 复制 到 游戏 Android 项 目的 res 目 孙 内 。 

第 二 步 ， 将 libs 目 录 下 的 WiAd.jar 复 制 到 游戏 Android 项 目 内 ， 并 设置 依赖 关系 。 

第 三 步 ， 修 改 AndroidManifest.xml， 增 加 手机 广告 平台 运行 时 需要 的 权限 ， 增 加 的 权限 内 容 
如 下 : 


<usSes-permission android:name="android.permission.READ PHONE STATE"/> 


<uses-permission android:name="android.permission.INTERNET"/> 


<uses-permission android:name="android.permission.ACCESS WIFI_STATE"/> 


<uses-permission android:name="android.permission.WRITE EXTERNAL STORAGE"/> 


3. 推广 墙 平 台 集成 
在 9.3 廊 里， 我 们 已 经 对 推广 墙 平 台 WiOffer 做 了 比较 详细 的 接 述 。 现 在 我 们 就 把 这 个 平台 集 
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成 到 我 们 的 游戏 中 。 

微 去 WiOffer 和 暂时 只 支持 了 Android 平 台 。 同样 ,首先 通过 一 个 初始 化 函数 设置 WiOffer 的 一 些 
全 局 参数 。 在 Android 平 台 上 是 WiOffer 的 jnit 消 数 。 然 后 就 可 以 通过 各 日 的 语言 调用 不 同 的 接口 
来 调用 WiOffer 的 功能 

由 于 初始 化 国 数 与 平台 的 耦合 度 比 较 高 ， 所 以 这 块 代码 不 做 封装 。 表 9-5 就 是 Android 平 台 上 
WiOffer 的 初始 化 代码 。 


表 9-5 Android 平 台 上 初始 化 WiOffer 的 代码 
平 台 触发 点 初始 化 代码 
Android 平 台 onCreate 方 法 /初始 化 WiOffer 平 台 
WiOoffer.init (this," 填 入 应 用 的 app key"，,，" 填 入 应 用 的 secret Kev" ) ; 


接 下 来 ， 我 们 束 封 攻 WioOffer 的 “打开 Offer 列 表 功能。 在 Android 平 台 上 证 WiOffer 的 
showoffers 国 数 。 

在 前 面 定义 的 公共 头 文件 CommonWiGame.h 内 增加 下 列 内 容 ， 以 后 调用 “打开 Offer 列 表 ” 
功能 时 ， 只 需要 引用 这 个 公共 的 头 文件 。 


#ifndef CommonNWiGame h 
#define __CommonWiGame h 


#include "cocos2d.h" 


#ifdef __cplusplus 


extern "C" f{ 
#endif 


#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
/ /定义 打开 Offer 列 表 函 数 
void Showoffers () ; 

#endif 


#ifdef __cplusplus 
} 
#endif 


#endif // _ CommonWiGame hn 


与 CommonWiGame.h 配 僚 的 CommonWiGame.cpp 也 需要 实现 showoffers 国 数 。 由 于 不 需 
支持 10OS， 所 以 代码 会 相对 简单 一 点 。 

#include "CommonWiGame.h" 

/ /当前 平台 是 i0S 平 台 

#if (CC_TARGET PLATFORM == CC_ PLATFORM_IOS) 


#include "WiGame.h" 
#endif 
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/ /当前 平台 是 Android 平 台 


#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
#include "cocos2d.h" 
#endif 


#ifdef __cplusplus 
extern "C" { 
#endif 


77 当 前 平台 是 Anidroid 平 台 


#if (CC TARGET PLATFORM == CC PLATFORM ANDROID) 
// 打 开 0ffer 列 表 
void ShowoOffers () 
{ 
/ /获取 JNI 环 境 
JNIENYV *enyv = NULL; 
if (gJavaVM->GetEnv((void**) &env, JNI_VERSION 1 4) != JNI_OK) 


{ 
int status = gJavaVM->AttachCurrentThread (&env, NULL).; 


if(status < 0) 
{ 


return; 


} 


}else 


1 


return; 


} 


/ /寻找 类 和 函数 
jclass clazz = env->FindClass ("com/wiyun/offer/WiOffer").; 
jmethodID mid = env->GetStaticMethodID(clazz, "showOffers", "()V"); 


/ /调用 本 地 方法 
env->CallStaticVoidMethod (clazz, mid); 
/ /删除 不 再 需要 的 引用 


env->DeleteLocalRef (clazz).; 


} 
#endif 


#ifdef __cplusplus 


} 
#endif 


完成 上 述 封 装 后 ， 我 们 就 可 以 在 Android 平 台 上 和 针对 集成 后 的 代码 进行 编译 了 。 

@ 在 Android 平 台 编 译 

第 一 步 , 将 WiOffer 提 供给 Android 平 台 的 SDK (wioffer android sdk 1.0.1.zip) 解 压缩 得 到 SDK 
的 文件 ， 然 后 将 libs 目 录 下 的 WiOffer.jar 复 制 到 游戏 Android 项 目 内 ， 并 设置 依赖 关系 。 

过 二 步 ， 修 改 AndroidManifest.xml， 增 加 推广 墙 平台 展示 时 需要 的 活动 Activity， 增 加 的 活动 
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Activity 内 容 包 括 : com.wiyun.offer.OfferList。 


第 三 步 , 修改 AndroidManifest.xml, 增加 推广 墙 平台 运行 时 需要 的 权限 , 增加 的 权限 内 容 如 下 : 


<uses-permission android:name="android.permission.READ PHONE STATE"/> 
<uses-permission android:name="android.permission.INTERNET"/> 
<uSes-permission android:name="anVBdroid.permission.ACCESS _ NETWORK_ STATE"/> 
<uSes-permission android:name="android.permission.ACCESS WIFI_STATE"/> 
<uSes-permission android:name="android.permission.WRITE EXTERNAL STORAGE"/> 
<uses-permission android:name="android.permission.ACCESS COARSE LOCATION"/> 
<uSes-permission android:name="android.permission.ACCESS_ FINE LOCATION"/> 


9.5.5 场景 总 结 


通过 这 个 案例 ,我 们 已 双 | 手机 广告 平台 和 推广 载 平台 提供 的 功能 集 
成 到 游戏 内 。 那 么 接 下 来 就 可 以 将 目 行 发 布 运 宫 ,或 者 授权 给 微 云 合作 发 布 、 运 宫 及 推广 ， 轻 松 
歼 取 更 多 的 用 户 和 更 可 观 的 收入 。 


9.6 总 结 


本 章 首 先 介绍 游戏 社交 平台 、 手 机 广告 平台 和 推广 墙 平 台 , 然后 学 习 了 如 何 让 cocos2d-x5 引 警 
调用 Objective-C 和 Java 提 供 的 功能 ， 最 后 以 一 个 简单 的 案例 实现 了 cocos2d-x5 引 警 调 用 这 3 个 平台 
的 功能 。 

从 下 一 章 开 始 , 我 们 将 会 以 完整 的 篇 幅 介 绍 游 戏 制 作 过 程 , 大 家 可 以 看 到 游戏 是 如 何 一 步 一 
步 设计 并 开发 出 来 的 。 
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魔 塔 ”对 例 之 基础 算 


通过 前 面 各 章 的 学 习 , 我 们 已 经 了 解 了 cocos2d-x 引 擎 的 基础 知识 、 高 级 特性 、 周 边 工 具 和 交 
又 编译 等 知识 。 掌 握 了 这 些 知识 ,我 们 就 有 了 开发 手机 游戏 的 基础 。 现 在 本 章 将 带领 大 家 学 习 一 
个 完整 的 案例 一 一 魔 塔 。 我 们 会 讲述 一 个 完整 的 游戏 制作 过 程 ， 将 各 个 步骤 写 得 足够 细致 ， 即 使 
你 没有 任何 游戏 开发 经 验 ， 也 可 以 读 懂 。 

我 们 选择 的 游戏 是 魔 塔 ， 魔 塔 是 一 球 非 党 经 典 和 耐 玩 的 益 知 类 RPG 游 戏 。 笔 者 在 上 大 学 时 就 
疯狂 地 迷恋 上 这 一 类 型 的 游戏 了 。 从 Flash 版 本 的 24 层 魔 塔 ， 到 新 新 魔 塔 ， 到 广大 魔 塔 制作 者 用 
RMXP/RMVP 开 发 出 的 魔 塔 ， 风 格 各 有 不 同 ， 玩 起 来 也 都 有 不 一 样 的 感 党 。 直 到 有 一 天 ， 我 们 
决定 将 魔 培 游 戏 移植 到 手机 平台 上 。 这 种 不 需要 复杂 操作 ,可 以 完美 利用 雁 上 请 时 间 的 游戏 将 十 分 
符合 手机 用 户 的 使 用 习惯 。 我 们 希望 通过 这 一 章 抛砖引玉 ， 帮 助 开 发 者 方便 地 开发 跨 平 台 的 此 类 
游戏 。 


10.1 先 熟 悉 一 下 游戏 


如 琳 你 从 来 没有 接触 过 魔 培 游 戏 , 可 以 上 网 搜索 “ 魔 塔 * 关键 字 , 会 有 很 多 Flash 版 本 的 魔 培 ， 
请 先 体验 一 下 。 

现在 ， 相 信 你 已 经 对 魔 培 游戏 有 所 了 解 ， 下 面 我们 来 概括 一 下 。 

(1) 这 是 一 款 固定 数值 计算 的 益 吞 RPG 游戏 。 

(2) 战斗 结 采 是 定 死 的 ， 玩 家 需要 计算 损耗 的 血 量 与 实际 的 收益 (战斗 后 得 到 的 宝物 、 人 金钱 
及 经 验 ) 相 比 征 人 否 划算 。 

(3) 游戏 里 有 各 种 RPG 元 素 ， 包 括 地 图 、 玩 家 扮演 的 角色 、 人 物 属性 (攻击 、 防 御 、 生 命 、 
金钱 和 经 验 等 )、 人 怪物、 消耗 性 物品 ( 血 瓶 和 钠 是 )、 闭 备 ( 剑 和 盾 ) 以 及 剧情 (对话 和 任务 ) 等 。 

在 下 面 我 们 制作 的 游戏 中 就 将 会 包含 这 些 元 素 。 好 了 ， 让 我 们 开始 吧 。 


10.2 ”准备 工作 


我 们 用 到 的 工具 主要 包括 以 下 几 种 。 
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10.3 绘制 最 简单 的 游戏 地 图 


(1) 一 台 安 凑 了 Windows 系 统 的 电脑 ， 如 果 需 要 编译 1OS 的 版 本 ， 那 么 还 需要 准备 一 台 安 装 了 
Mac 系 统 的 电脑 。 

(2) cocos2d-x 的 开发 环境 ， 关 于 开发 环境 的 安装 请 看 之 前 章 东 的 内 容 。 

(3) TMX 地 图 编辑 大 ， 我 们 使 用 的 是 Tiled 的 QI 版 本 ， 软 件 的 官方 网 站 是 http/wwwmapeditororg/。 

(4) 图 片 编辑 工具 PhotoShop。 


10.3 ”绘制 最 简单 的 游戏 地 图 


首先 ,我 们 打开 cocos2d-x 工 程 ,使 用 “Cocos2d-win32 Application "模板 新 建 一 个 基于 cocos2d-x 
5| 擎 的 win32 项 目 ， 命 名 为 MTGame， 如 图 10-1 所 示 。 


| 添 bg 新 项 目 9 | 3 


项 目 类 型 (P): 模板 0m: .NET Framework 3.5 | 回回 
Visual C++ Visual Studio 已 安装 的 模板 
ATL 网 Cocos2d-win32 Application 网 Cocos2d-wophone Application 
nk 我 的 模板 
常规 
I 恒 搜索 联机 模板 .… 
智能 设备 
测试 
Win32 
Cocos2d-x 
其 他 语言 
其 他 项 目 类 型 
测 坛 项 目 


An application that uses Cocos2d-x library for win32 platform. 


名 称 (N): MTGame 


位 置 (LD): Ci\mt_svn\trunk\cocos2d-0.99.5-x-0.8.5 ” | 浏览 (B)... 


图 10-1 新 建 项 目 


这 款 游戏 不 需要 物理 引擎 Box2D 和 Chipmunk 的 支持 ， 可 以 在 新 建 项 目的 向 导 中 将 它们 取消 。 
CocosDenshion 声 音 模 块 需要 选中 。 新 建 完 工程 ， 我 们 可 以 先 运 行 一 下 ， 保 证 一 切 正 销 。 顺 利 的 
话 ， 编 译 后 可 以 直接 看 到 cocos2d-x 的 logo， 以 及 一 个 用 来 关闭 程序 的 “x”。 现 在 我 们 把 这 个 新 
建 的 工程 放 在 一 旁 ， 开 始 绘制 游戏 地 图 。 

首先 打开 Tiled 编 辑 袁 《假设 你 已 经 下 载 了 ， 若 没有 下 载 请 去 前 一 节 找 下 载 链接 ) 。 新 建 一 张 
地 图 。 地 图 方 癌 选择 “ 正 稍 ， 代 表 垂 直 90” 视 角 。 地 图 大 小 为 13 x 13， 表 示 地 图 的 宽 和 高 和 皆 为 
13 个 图 块 。 块 大 小 为 32 x 32 代 表 每 个 图 块 的 尺寸 ， 单 位 是 像素 ， 如 图 10-2 所 示 。 

新 建 完 地 图 后 ， 需 要 准备 一 张 图 片 素材 用 来 绘制 地 面 和 墙壁 。 假 设 我 们 已 经 准备 好 了 ,素材 
文件 为 terrain.png， 其 中 包括 了 两 个 图 块 ， 第 一 个 是 地 面 (灰色 上 岩石 地 面 )， 第 二 个 是 墙壁 (棕色 
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了 鞭 墙 ) ， 宽 和 高 都 征 32 像 素 ， 如 图 10-3 所 示 〈 左 边 是 灰色 硬 石 地 面 ， 碳 边 是 标 色 砖 增 ) 。 


地 图 


地 图 二 小 块 去 小 


| 13 帘 度 : 32 


el 13 ee 32 


re Eee 


10-2 ”新 建 地 10-3 ”素材 terrain.png 


将 素材 文件 terrain.png 复 制 到 MTGame 工 程 下 面 的 Resource 目 录 里 , 然后 通过 菜单 栏 的 “地 
一 新 图 块 ” 添 加 图 片 素材 ， 如 图 10-4 所 示 。 


名 称 仙 ]: terrain 


JResoureerterrain png | 浏览 所) 


口 设置 透明 度 : | 图 


边 距 : 0 后 
间距 : 0 会 


图 10-4 导入 图 块 


导入 完成 后 ， 可 以 看 到 Tiled 编 辑 器 右 侧 下 方 的 图 块 面板 中 出 现 了 terrain 标 签 。 现 在 我 们 就 可 
以 使 用 导入 的 图 块 进行 绘制 了 。 选 择 工具 栏 中 的 填充 工具 (如 图 10-5 所 示 )， 再 选中 terrain 里 的 第 
一 个 图 块 ， 点 击 地 图 上 任意 人 位置， 地面 层 就 被 我 们 填充 成 为 灰色 的 岩石 地 面 了 。 

接 下 来 开始 绘制 墙壁 。 先 在 右 侧 图 层面 板 的 “ 块 层 1” 上 双击 重 命 名 为 floor (注意 ， 这 个 名 
字 和 需要 记 住 ， 并 且 取 英文 ， 在 cocos2d-x 引 | 擎 里 解析 时 需要 用 到 )。 然 后 再 新 建 一 个 块 层 ， 重 命名 
为 wall。wall 层 在 floor 层 的 上 方 ， 将 来 引擎 绘制 的 时 候 ， 上 方 的 层 也 会 覆盖 下 面 的 图 层 。 接 着 选 
择 图 章 刷 工具 〈 如 图 10-6 所 示 ) ， 选 中 棕色 砖 墙 图 块 ， 开 始 绘制 墙壁 。 


Kd 
| 填充 人 | ll 图 章 刷 {B) 


10-5 填充 工具 10-6 图 章 刷 工具 
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10.3 绘制 最 简单 的 游戏 地 图 ， 


好 了 ， 现 在 是 自由 发 挥 时 间 。 编 辑 完 地 图 之 后 别 忘 了 将 地 图 保存 到 MTGame 工 程 下 面 的 
Resource 目 录 下 面 ， 先 命名 为 0.tmx。 我 们 完成 的 其 中 一 个 地 图 如 图 10-7 所 示 。 


图 10-7 完成 后 的 地 图 


现在 ， 我 们 把 编辑 好 的 游戏 地 图 添加 到 游戏 中 。 打 开 MTGame 中 的 HelloWorldScene.cpp， 将 
方法 init 中 多 余 的 代码 删除 ， 仅 保留 “进出 ”按钮 。 然 后 使 用 cocos2d-x 引 | 擎 的 CCTMXTi ledMap 
类 解析 地 图 。 


/ /解析 tmx 地 图 
CCTMXTiledMap *map = CCTMXTiledMap: :tiledMapWithTMXFile("0.tmx").; 
addChild (map); 


好 了 ， 仅 仅 需 要 上 面 的 两 行 代 码 ， 地 图 就 可 以 显示 在 游戏 中 了 ， 运 行 效 果 如 图 10-8 所 示 。 

最 后 再 提 几 个 在 绘制 游戏 地 图 时 应 注意 的 问题 。 

(1) Tiled 编 辑 器 支持 在 同一 个 块 层 使 用 多 个 图 块 纹理 ， 但 cocos2d-x 引 擎 的 CCTMXTi1edMap 
类 仅 支 持 一 个 块 层 对 应 一 个 纹理 。 所 以 我 们 需要 尽量 将 图 块 纹理 分 类 及 合并 , 在 每 个 块 层 上 仅 使 
用 一 个 纹理 图 来 绘制 。 

(2) CCTMXTiledMap 类 不 允许 任何 一 层 (CCTMXLayer) 中 没有 任何 元 素 ， 否 则 解析 TMX 时 
会 报错 。 解 决 的 办 法 是 : 要 么 将 空 图 层 删 掉 ， 要 么 在 空 图 层 上 放置 一 个 透明 的 图 块 ， 让 用 户 无 法 
Ss 

(3) 关于 是 否 要 将 图 块 导出 成 外 部 图 块 tileset) ， 这 一 点 需要 看 游戏 本 映 的 需求 。 如 采 你 在 
外 部 图 块 中 给 图 块 配 置 了 大 量 信息 ， 比 如 怪物 的 属性 和 物品 的 功能 等 , 这些 对 每 个 地 图 都 是 通用 
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的 ,这 时 导出 成 外 部 图 块 就 省 去 了 重复 的 复制 工作 。 但 由 于 Tiled 编 辑 如 不 支持 加 密 ， 外 部 图 块 的 
数据 会 被 其 他 人 看 到 。 所 以 对 于 正式 发 布 的 游戏 , 不 建议 将 影响 游戏 平衡 性 的 数值 配置 在 外 部 图 
块 中 。 


图 10-8 ”在 游戏 中 添加 tmx 地 图 
10.4 ”人物 行走 


前 面 一 已 中 我 们 绘制 了 一 张 简单 的 地 图 ,包括 地 板 层 和 墙壁 层 。 但 略 显 单调 ， 因 为 既 疫 有 人 
物 ， 地 图 也 无 法 拖 动 。 下 面 我 们 就 来 给 地 图 加 上 可 以 行走 的 勇士 。 

勇士 可 以 被 视 为 一 个 精灵 (ccsprite)， 它 包含 了 上 、 下 、 左 、 右 4 个 方 同 的 行走 动作 ， 如 
图 10-9 所 示 。 


图 10-9 ”勇士 的 纹理 
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10.4 人物 行走 


将 图 10-9 保 存 为 hero.png， 放 到 Resource 目 录 下 。 我 们 首先 来 做 人 物 癌 下 移动 一 格 的 动画 ,也 


征 第 一 行 的 4 幅 图 。 首 先 将 图 斤 生 成 纹理 ， 保 存 到 全 局 的 纹理 缓存 区 : 


CCTexture2D *heroTexture = CCTextureCache: :ShareaqTextLureCache ()->aadadImage("hero.pnd" ) ，; 


然后 用 纹理 创建 4 幅 动 画 ， 并 存放 到 ccMutableArray 中 : 


CCSpriteFrame *frame0, *framel, *frame2, *frame3; 

/ /第 二 个 参数 表示 显示 区 域 的 x,，Yy, width, height 

frame0 = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*0, 32*0, 
32; 32))s 

framel = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*1, 32*0, 
32 32)); 

frame2 = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*2, 32*0, 
32. 32)); 
frame3 = CCSpriteFframe: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*3, 32*0, 
32,. 32))3 

CCMutableArray<CCSpriteFrame *> *animFrames = new CCMutableArray<CCSpriteFrame*>(4); 


animFrames->addObject (frame0).; 
animFrames->addObject (framel );} 


Ee 


. 


) 

( ) 

animFrames->addObject (frame2) ，; 
( ) 


. 


animFrames->addObject (frame3 ) ，; 


根据 4 个 动画 帧 生成 CCAanimation 对 象 : 


CCAnimation *animation = new CCAnimation().; 
/7/0.2f 表 示 每 帧 动画 间 的 间隔 
animation->initWithFrames (animFrames, 0.2f): 


animFrames->release(); 


接 下 来 ， 我 们 创建 一 个 ccsprite 用 来 显示 勇士 ， 可 以 使 用 Animation 中 的 一 帧 来 作为 勇士 


静止 时 的 画面 : 


// 用 frame0 作 为 勇士 的 静态 图 

CCSprite *heroSprite = CCSprite: :SPprIteWlItnhSPDrILeEFrame (frame0) ， 
/ /暂时 将 勇士 显示 在 (100，100) 处 

heroSprite->setPosition(ccp(100, 100)); 

addChild (heroSprite).; 


最 后 ， 让 herosprite 播 放 定 义 的 动画 ， 就 有 了 行走 的 效果 : 
// 根 据 动 画 模板 创建 动画 


CCAnimate *animate = CCAnimate::actionNlIthAnimatlonl(anlimat1ion，false) ，: 
/ /创建 不 断 重复 的 动画 ， 并 让 heroSprite 播 放 


heroSprite->runAction (CCRepeatForever: :actionWithAction(animate));} 


现在 看 一 下 游戏 的 运行 效 来 , 画面 左下 和 角 (坐标 (100,100) 处 ) 出 现 了 一 个 勇士 在 不 停 地 走动 ， 


如 图 10-10 所 示 。 


下 面 我 们 来 创建 其 他 3 个 方向 的 动画 ， 并 把 它们 保存 到 相应 的 全 局 变量 中 。 由 于 创建 的 步 又 重 


复 晶 复 厅 ， 我 们 将 通用 的 代码 提取 成 一 个 方法 createAnimationByDirection (HeroDirection 
direction)。 在 HelloWorldScene.h 中 添加 : 
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/ /数组 保存 勇士 问 4 个 方 同 行走 的 动画 模板 
CCAnimation **walkAnimations; 
/ /根据 方向 创建 动画 


CCAnimation *createAnimationByDirection(int direction);} 


10-10 ”勇士 不 停 地 行 


方法 createAnimationByDirection 的 实现 如 下 : 


CCAnimation *HelloWorld: :createAnimationByDirection (HeroDirection direction,) 

{ 
CCTexture2D *heroTexture = CCTextureCache: :sharedTextureCache()—->addImage ("hero.png"); 
CCSpriteFrame *frame0, *framel, *frame2, *frame3; 
/ /第 二 个 参数 表示 显示 区 域 的 x，y，width，height， 根 据 dijrection 来 确定 显示 的 y 坐 标 


frame0 = CCSpriteFrame: :frameWithTexture (heroTexture, CoCos2d: :CCRectMake (32*0, 
32*direction, 32, 32)); 
framel = CCSpriteFrame: :frameWithTexture (heroTexture, CoCos2d: :CCRectMake (32*1, 
32*direction, 32, 32)); 
frame2 = CCSpriteFrame: :frameWithTexture (heroTexture, CoCos2d: :CCRectMake (32*2, 
32*direction, 32, 32)); 
frame3 = CCSpriteFrame: :frameWithTexture (heroTexture, CoCos2d: :CCRectMake (32*3, 


32*direction, 32, 32)); 
CCMutableArray<CCSpriteFrame *> *animFrames = new CCMutableArray<CCSpriteFrame *>(4); 


7 


animFrames->addObject (frame0 


7 


) 

animFrames->addObject (frarmel1) ， 
animFrames->addObject (frame2 ) 
) 


animFrames->addObject (frame3 


CCAnimation *animation = new CCAnimation(); 
/7/0.2f 表 示 每 帧 动画 间 的 间隔 


animation->initWithFrames (animFrames, 0.2f): 


animFrames->release(); 
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10.4 人物 行走 


return animation; 


} 
其 中 参数 HeroDirection 是 枚 举 类 型 ， 可 能 传 入 的 值 在 HelloWorldScene.h 中 定义 : 


typedef enum { 


kDown = 0， 
kLeft = 1,， 
kRight = 2, 
KUD = 3， 


} HeroDirection; 


现在 ， 可 以 在 init 方 法 中 方便 地 创建 4 个 方 同 的 行走 动画 : 


walkAnimation = new CCAnimation*[4]; 

walkAnimation[kDown] = createAnimationByDirection (kDown),;} 
walkAnimation[kLeft] = createAnimationByDirection (kLeft).; 
walkAnimation[kRight] = createAnimationByDirection(kRight).; 
walkAnimation[kUp] = createAnimationByDirection (kUp); 


还 需要 稍微 修改 heroSprite 的 初始 化 方法 ,使 用 downAnimation 的 第 1 帆 作 为 勇 土 静态 图 : 


CCSprite *heroSprite = CCSprite: :spriteWithSpriteFrame (walkAnimation[kDown]-> 
getFrames ()->getObjectAtIndex(0)); 


接 下 来 我 们 需要 加 入 一 些 操作 ， 控 制 勇士 的 行走 方 同 。 最 方便 的 是 添加 4 个 按钮 ， 分 别 对 应 
上 下 左右 4 个 动作 : 


CCMenuItem *down = CCMenuItemFont::itemFromString("down", this, menu selector 
(Helloworld: :menuCallBackMove)).; 

CCMenuItem *left = CCMenulItemFont::itemFromString ("left", this, menu_ selector 
(HellowWworld: :menuCallBackMove) ); 

CCMenuItem *right = CCMenulItemFont::itemFromString ("right", this, menu_ selector 
(HellowWworld: :menuCallBackMove) ); 

CCMemnuItem *up = CCMenuItemFont::itemFromString ("up", this, menu_selector 


(HellowWorld: :menuCallBackMove) ) ; 

CCMenu *menu = CCMenu: :menuWithIlitems (down, left, right, up, NULL).; 
/ /为 了 方便 查找 ， 给 每 个 menuItem 设 置 Tag 

down->setTag (kDown).;} 

left->setTag (kLeft).; 

right->setTag (kRight).; 

up->setTag (kUp).; 

/ /表单 项 按 间 距 水 平 排列 

menu->alignItemsHorizontallyWithPadding (50); 

addChild (menu),; 


在 回调 函数 menucallBackMove 方 法 中 ， 我 们 根据 sender 的 Tag 值 判断 是 哪个 按钮 ， 来 执行 
对 应 的 操作 : 


void HelloWorld: :menuCallBackMove (CCObject *pSender) 
{ 


CCNode *node = (CCNode *) pSender; 
/ /按钮 的 Tag 就 是 需要 行走 的 方 问 


ae 
Ld 
/ \ 
1 ，\ 
1 1 
1 1 
\ / 
由 
、 

人 


第 10 章 ”“ 魔 塔 ” 案 例 之 基础 篇 


int targetDirection = node->getTag();} 

CCACtion *action = CCSequence: :actions!l 
CCAnimate: :actionWithAnimation (walkAnimationltargetDirection], false), 
// 把 方向 信息 传递 给 onwalIkDone 方 法 
CCCallFuncND: :actionWithTarget (this, 
callfuncND selector (HelloWorld: :onWalkDone), (void*)targetDirection), 
NULL).; 

heroSprite->runAction(action);} 


} 

现在 运行 代码 ， 依 次 点 击 在 屏幕 中 央 的 4 个 按钮 ， 发 现 勇 者 会 辐 不 同方 同行 走 。 但 是 奇怪 的 
是 , 在 行走 动作 播放 结束 后 , 勇者 总 是 会 恢复 到 初始 设置 画面 , 也 就 是 4ownAnimation 的 第 1 帆 。 
这 不 是 我 们 期 望 的 结果 ， 勇 者 在 行走 结束 后 ， 应 该 保持 画面 为 行走 方 同 状态 。 为 此 ,需要 在 行 
动画 播放 结束 后 , 根据 朝 问 设置 勇者 对 应 的 静态 画面 。 我 们 增加 了 一 个 方法 setFacingDirection 


(HeroDirection direction). 


void HelloWorld: :setFaceDirection (HeroDirection direction,) 
{ 
heroSprite->setTextureRect (CCRectMake (0,32*direction,32,32)); 


) 

调用 这 个 方法 的 时 机 是 在 行走 动画 结束 后 ， 因 此 要 对 动画 增加 结束 时 的 回调 函数 ， 修 改 
menuCallBackMove 方 法 。 注 意 ， 这 里 使 用 了 CCCcallFuncND 的 回调 函数 ， 它 包括 两 个 参数 ， 第 
一 个 参数 是 发 起 回调 的 CCNode 市 点 ， 第 二 个 参数 是 传递 的 数值 。 我 们 将 行走 的 方 同 作为 第 二 个 
参数 传 给 onwalkDone 方 法 ， 使 其 能 够 知道 如 何 设置 勇士 停止 后 的 静态 图 。 


void HelloWorld: :menuCallBackMove (CCObject *pSender) 
{ 


CCNode *node = (CCNode *) pSender; 

int targetDirection = node->getTag();} 

CCAction *action = CCSeduence: :actions ( 
CCAnimate: :actionWithAnimation (walkAnimationl[ltargetDirection], 
false), 
CCCallFuncND: :actionWithTarget (this, 
callfuncND selector (HelloWorld: :onWalkDone), (void*)targetDirection), 
NULL).; 

heroSprite->runAction(action);} 


} 
在 方法 onwWalkDone 里 面 ， 只 需要 简单 地 调用 setFaceDirection 好 可 : 


void HelloWorld: :onWalkDone (CCNode *pTarget, void *data) 
{ 

/ /将 Voiqd* 先 转换 为 nt， 再 从 int 转 换 到 榴 举 类 型 

int direction = (int) data; 

setFacingDirection( (HeroDirection)direction); 


} 
现在 让 我 们 再 次 运行 代码 ， 体 验 一 下 目前 的 效 末 。 屏 詹 中 央 会 出 现 4 个 文字 按钮 ， 点 击 不 同 
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的 按钮 ， 勇 士 会 同上 下 左右 4 个 方 癌 行走 ， 如 图 10-11 所 示 。 


图 10-11 扩 击 按钮 操作 勇士 行走 


守 等 ,我们 是 不 是 忘记 了 什么 东西 ? 仔细 检查 一 下 代码 , 看 看 是 否 会 有 内 存 泄 漏 问 题 ? 没 错 ， 
我 们 在 创建 动画 的 过 程 中 new 了 一 个 CCAnimation* 的 数组 , 并 且 创 建 了 4 个 动画 模板 , 但 直到 程 
序 退 出 都 没有 销毁 它们 。 现 在 我 们 在 HelloWwor19 的 析 构 函数 中 把 它们 销毁 掉 。 这 里 我 们 使 用 了 
cocos2d-x 内 置 的 两 个 宏 bE SAFE_RELEASE 和 CC_SAFE_DELETE_ARRAY ) ， 可 以 方便 地 释放 
ccCobject 型 对 象 和 数组 。 还 有 其 他 一 些 常 用 宏 请 参考 CCPlatformMacros.h 。 


Helloworld: :~Helloworld(void) 
{ 


for (int i = 0; i < 4; i++) 
{ 
/ /释放 数组 中 元 素 


CC_SAFE RELEASE (walkAnimation[i]) 


L 
/ /释放 数组 本 里 


CC_SAFE DELETE ARRAY (walkAnimation).; 


} 
到 目前 为 止 , 勇士 只 能 翡 剧 地 在 原 地 打转 ,现在 我 们 就 让 它 在 地 图 上 动 起 来 。 接 下 来 将 会 
到 两 个 动作 里 的 重要 方法 , 妈 CCspawn 和 CCMoveBy, 其 中 CCSpawn 可 以 实现 多 个 动作 同时 执行 ， 
其 参数 表 是 可 变 的 。 
CCFiniteTimeAction *CCSpawn: :actions (cocos2d: :CCFiniteTimeAction *pActionil, ...) 
CCMoveBy 可 以 使 精灵 在 指定 时 间 内 移动 指定 的 距离 : 


CCMoveBy *CCMoveBy::actionWithDuration(cocos2d::ccTime duration, CoCcos2d: :CCPoint 
Position,) 
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关于 以 上 两 个 类 , 大 家 可 以 去 test 示 例 中 的 ActionTest 部 分 查看 更 多 的 使 用 方法 。 有 了 这 两 
个 类 , 只 需要 对 menuCallBackMove 方 法 和 作 修 改 即 可 让 勇士 在 地 图 上 动 起 来 。 首先 根据 方 同 计 
算 移 动 距离 ， 我 们 规定 每 次 走 地 图 上 的 一 小 格 ， 也 就 是 32 个 像素 ， 然 后 将 行走 动画 和 moveBy 的 
动作 同时 执行 。 上 基体 代码 如 下 : 


void HelloWorld: :menuCallBackMove (CCObject *pSender) 
{ 

CCNode *node = (CCNode *) pSender; 

/ /按钮 的 Tag 就 是 需要 行走 的 方 问 

int targetDirection = node->getTag(); 

/ /移动 的 距离 

CCPoint moveByPosition; 

/ /根据 方向 计算 移动 的 距离 

switch (targetDirection) 

{ 

Case KDown : 
moveByPosition = ccp(0, -32); 
break; 

case kLeft: 
moveByPosition = ccp(-32, 0); 
break; 

case kRight: 
moveByPosition = ccp(32, 0); 
break; 

Case kUp: 
moveByPosition = ccp(0, 32); 
break; 


} 
// 利 用 CCSpawn 将 行走 动画 和 移动 同时 执行 
CCAction *action = CCSeduence: :actions ( 
CCSpawn: :actions ( 
CCAnimate: :actionWithAnimation (walkAnimationltargetDirection], 
false), 
CCMoveBy: :actionWithDuration(0.28f, moveByPosition), 
NULL), 
/ /把 方 同 信息 传递 给 onWalkDone 方 法 
CCCallFuncND: :actionWithTarget (this, 
callfuncND selector (HelloWorld: :onWalkDone), (void*)targetDirection), 
NULL).; 
heroSprite->runAction(action);} 


} 

好 了 ， 现 在 再 次 运行 工程 ， 点 击 上 下 左右 方 同 按钮 ， 勇 士 终于 可 以 顺畅 地 在 地 图 上 漫步 了 。 
不 过 ， 你 可 能 发 现 了 一 个 小 bug: 如 东 很 快 地 点 击 按钮 ， 在 勇士 没有 走 完 一 格 的 时 候 束 输入 下 一 
个 移动 指令 ， 它 就 会 停止 当前 的 移动 ， 直 接 执 行 新 的 指令 。 所 以 要 保证 勇士 在 走 完 一 格 之 前 ,不 
接受 新 的 移动 指令 。 我 们 增加 了 一 个 全 局 的 poo1 变 量 isHerowalking (是 否 正 在 移动 )。 在 勇 
士 开 始 移动 的 时 候 将 其 设置 为 true ， 移 动 完成 的 时 候 将 其 设置 为 false。 者 在 回调 图 数 
menucal1BackMove 开 始 时 判断 1sHerowalLking 为 true， 则 直接 return， 不 执行 移动 命令 ; 


void HelloWorld: :menuCallBackMove (CCObject *pSender) 
{ 
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/ /勇士 正在 移动 中 ， 不 接受 新 的 指令 
if (isHeroWalking) 

return,; 
/ /移动 操作 


/ /勇士 开始 移动 ， 设 置 标识 为 true 


isHeroWalking = true; 


void HelloWorld: :onWalkDone (CCNode *pTarget, void* data) 
{ 

/ /移动 完毕 ,设置 表示 为 false 

ijsHeroWalking = false; 


/ /移动 完毕 操作 


如 果 我 们 多 体验 一 下 目前 的 游戏 ， 就 会 发 现 勇 士 走 起 路 来 怪 怪 的 。 没 错 ， 感 觉 像 是 悬 序 在 地 
图 上 ， 碰 到 墙 没 有 停止 ， 行 走 苑 围 也 没有 在 格子 规定 的 学 围 内 。 下 面 的 工作 惑 是 把 勇士 规整 地 贴 
合 在 地 图 内 , 让 它 不 要 乱 跑 。 先 从 最 简单 的 入 手 , 假设 初始 时 , 我 们 想 把 勇士 放 在 地 图 的 左下 角 ， 
如 图 10-12 所 示 。 


图 10-12 ”将 勇士 放置 在 地 图 左下 角 


为 了 实现 这 个 功能 ， 首 先 要 了 解 Tilemap 的 坐标 系 和 cocos2d-x 的 坐标 系 。Tilemap 的 坐标 系 是 
以 左上 角 为 原点 ， 而 cocos2d-x 坐 标 系 (如 图 10-13 所 示 ) 以 左下 角 为 原点 。 

在 图 10-12 中 ， 勇 士 所 在 的 位 置 按照 Tilemap 的 坐标 系 计 算 应 为 (1, 11)， 那 么 对 应 的 cocos2d-x 
的 坐标 是 多 少 呢 ? 只 需要 将 ?坐标 反 转 ， 用 Tilemap 的 最 大 高 度 减 去 当前 7 的 高 度 ， 再 乘 以 图 块 的 
宽 高 即 可 ， 计 算 规 则 如 图 10-14 所 示 。 


一 一 ~ 
一 ~ 
‘ 、 
7 \ 
1 \ 
1 1 
1 1 
\ * 
Ww 7 
~ 了 
二 二 过硬 


第 10 章 “ 魔 其 ”案例 之 基础 篇 


10-13 ”Tilemap 华 标 系 


Tilemap 坐标 系 原 点 


.height 


| MTGame 


(tileCoord.y + 1) * map->getTileSize(). height 


map->getMapSize() .height * map->getTileSize() 


CCSpPrite 默认 anchorPoint 是 (0 5,0 9)， 
需要 设置 为 (0,0) 


最 终 转换 出 的 坐标 点 (32, 32 ) 
图 10-14 ”Tilemap 华 标 系 和 cocos2d-x 华 标 系 转换 


Cocosd2 福 坐标 系 原 点 
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在 HelloWorldScene.cpp 中 增加 一 个 方法 positionForTileCoord， 功 能 是 实现 Tilemap 坐 标 
系 到 cocos2d-x 坐 标 系 的 转换 ， 具 体 代 码 如 下 : 


// 从 Tilemap 坐 标 转 换 为 cocos29-x 坐 标 
CCPoint HelloWorld: :positionForTileCoord (CCPoint tileCoord) 
{ 
CCPoint pos = ccp((tileCoord.x *map->getTileSize() .width), 
( (map->getMapSize() .height - tileCoord.y - 1) *map->getTileSize() .height)); 
return pos; 


} 
接 下 来 修改 勇士 精灵 的 销 点 为 (0, 0)， 起 始 位 置 设 为 (1, 11): 


heroSprite->setAnchorPoint (CCPointZero); 
heroSprite->setPosition(positionForTileCoord(ccp(1, 11))); 


这 样 就 成 功 地 将 勇士 放置 在 地 图 左下 角 了 。 接 下 来 , 我 们 为 游戏 加 入 场景 深 动 的 效果 。 设 想 
一 下 ， 随 着 勇士 的 移动 ， 原 本 不 在 视野 内 的 地 图 需要 逐渐 显示 出 来 。 为 了 便于 理解 ， 先 只 讨论 y 
轴 上 的 场景 深 动 。 假 设 勇 士 已 经 移动 到 Tilemap 的 (1, 4) 位 置 ， 对 应 cocos2d-x 坐 标 为 (32, 224)， 如 
何 计算 出 场景 应 该 深 动 多 少 距离 ”首先 , 将 屏幕 高 度 的 12 作 为 滚动 的 临界 位 置 , y 值 小 于 1/2 高 度 
的 不 需要 滚动， 大 于 1/2 的 才 开 始 滚动 。 为 什么 要 把 屏幕 的 1/2 作 为 临界 位 置 呢 ?” 因 为 这 样 可 以 保 
证 场景 在 滚动 时 ， 勇 士 始终 处 于 屏幕 高 度 的 2 处 ， 这 样 的 视觉 效果 最 佳 。 当 然 你 也 可 以 使 用 1/3 
或 2/3 高 度 作为 临界 点 ， 但 这 样 束 会 有 一 种 不 对 称 的 感觉 。 现 在 计算 出 了 屏 磊 的 一 半 高 度 是 
320/2=160 像 对 ,而 勇士 的 y 值 为 224， 那 么 场景 需要 深 动 的 距离 就 是 224-(320/2)=64 像 素 ， 如 图 
10-15$ 所 示 。 此 外 ， 还 有 以 下 几 个 地 方 需要 注意 。 
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图 10-15 ”计算 场景 滚动 距离 
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(1) 如 琳 地 图 总 宽 / 高 小 于 屏幕 的 宽 / 高 ， 那 么 直接 可 以 断定 不 需要 深 动 。 

(2) 场景 膏 动 的 最 大 距离 不 能 超过 地 图 总 宽 高 减 去 屏幕 宽 高 的 12， 人 否则 在 勇士 走 到 地 图 边 绿 
时 ， 场 景 继 续 滚 动 ， 会 造成 屏幕 周围 显示 疏 辽 。 

(3) 这 里 使 用 的 “移动 ” 征 场景 移动 ， 而 不 是 单纯 的 地 图 移动 。 实 际 上 ， 我 们 需要 连 人 带 地 
图 一 起 移动 ! 待 会 运行 游戏 的 时 候 可 以 观 守 一 下 ， 当 勇者 在 超过 屏幕 1/2 处 行走 时 ， 虽 然 给 人 感 
觉 上 是 在 走动 ， 但 实际 相对 屏幕 的 位 置 没 有 发 生变 化 ， 仍 然 在 屏幕 1/2 处 。 

好 了 ， 现 在 已 经 知 疙 了 声 景 深 动 的 原理 ,下面 让 我 们 用 代码 实现 它 ! 首先 在 HelloWorld- 
Scene.cpp 中 添加 一 个 方法 setSceneScrollPosition。 它 有 一 个 参数 ， 是 勇士 当前 在 cocos2d-x 
坐标 系 内 的 位 置 。 此 方法 可 以 将 场景 移动 到 相应 位 置 。 

// 传 人 勇士 当前 位 置信 息 ， 将 场景 移动 到 相应 位 置 


VOoid GameLayer: :setSceneScrollPosition (CCPoint position) 


\ 


/ /获取 屏幕 尺寸 


CCSizZe screenSize = CCDirector: :sharedDirector()->getWinSize();} 

/ /计算 Tilemap 的 宽 高 ， 单 位 是 像素 

CCSize mapSizeInPixel = CCSizeMake (map->getMapSize() .width * map->getTileSize() .width, 
map->getMapSize() .height * map->getTileSize() .height).; 

/ / 取 勇 士 当前 x 毕 标 和 屏幕 中 点 x 的 最 大 值 ， 如 果 勇 士 的 x 值 较 大 ， 则 会 滚动 


float x = MAX(position.x, screenSize.width / 2.0f); 


float y = MAX(position.y, screenSize.height / 2.0f); 
// 地 图 总 宽度 大 于 屏幕 宽度 的 时 候 才 有 可 能 滚动 
if (mapSizeInpPixel.width > screenSize.width) 
{ 
// 场 景 滚动 的 最 大 距离 不 能 超过 地 图 总 宽 减 去 屏幕 宽 的 /2 
x = MIN(x, mapSizelInPixel .width - screenSize.width / 2.0f); 
} 


if (mapSizeInpPixel.height > screenSize.height) 


y = MIN(y, mapSizeInpPpixel.height - screenSize.height / 2.0f); 
} 


/ /勇士 的 实际 位 置 

CCPoint heroPosition = ccp (x, y); 

/ /屏幕 中 点 位 置 

CCPoint screenCenter = ccp(screenSize.width/2.0f, screenSize.height/2.0f); 
/ /计算 勇士 实际 位 置 和 重点 位 置 的 距离 

CCPoint scrollPosition = ccpSub (screenCenter, heroPosition); 


/ /将 场景 移动 到 相应 位 置 
this->setPosition(scrollPosition),; 


CCLog ("%Sf,%f", scrollPosition.x, scrollPosition.y); 


】 

那么 ， 什 么 时 候 使 用 setSceneScro1l1Position 方 法 呢 ? 是 在 onWalkDone 国 数 中 中? 可 

尝试 一 下 ， 发 现场 景 会 在 移动 完成 后 ， 突 然 跳 到 指定 位 置 ， 这 种 效 末 体验 太 差 。 理 论 上 只 要 勇 
ee 就 需要 调用 此 冰 数 更 新 场景 位 置 。 所 以 不 能 单纯 地 在 onwalkDone 中 更 新 场 
景 位 置 。 那 如 何 来 监听 勇士 位 置 变化 的 事件 呢 ?” 前 面 我 们 使 用 了 CCMoveBy 来 进行 勇士 的 移动 ， 
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在 其 执行 过 程 中 并 不 受 控 制 ， 因 此 无 法 直接 监听 到 勇士 移动 的 事件 。 所 以 ， 只 能 在 游戏 的 每 帧 里 
来 做 这 件 事 情 了 。 我 们 新 建 一 个 schedqule_selector: HelloWorld: :update, 设置 其 调用 间 
隔 为 每 帧 ， 在 里 面 实现 对 场景 位 置 的 更 新 。 然 后 在 场景 急 始 化 的 时 候 局 动 定 时 左 ， 并 在 析 构 国 数 
里 销毁 定时 奏 。 

void HelloWorld: :update (ccTime dt) 

1 


/ /如 果 和 勇士 不 在 行走 状态 ， 不 需要 更 新 场景 位 置 
if (isHeroWalking) 
{ 
setSceneScrollPosition(heroSprite->getPosition()),; 
} 
} 


/ /在 场景 nit 的 时 候 和 初始 化 一 个 定时 妖 
bool HellowWorld: :init() 
{ 
bool bRet = false; 
do 
{ 
// 在 干 初始 化 操作 
// 设 置 定 时 器 为 每 帧 调用 
schedule(schedule _ selector (HellowWorld: :update) ) ; 
DRet = true; 
} while (0); 
return bRet; 


} 


/ /注意 在 析 构 函数 里 销毁 定时 器 
Helloworld: :~HelloWorld(void) 
{ 


/ /若干 清除 操作 
/ /直接 清除 所 有 定时 妖 


this->unscheduleAllSelectors(): 
} 


好 了 ,现在 编译 运行 程序 ， 点 击 方向 按钮 ， 勇 士 可 以 随意 地 在 地 图 内 穿梭 了 。 不 过 仍然 有 几 
个 潜在 的 bug 不 知道 你 有 没有 注意 到 。 

第 一 个 bug 是 地 图 上 各 个 图 块 之 间 有 一 些 细密 的 间隔 。 特 别 是 在 场景 移动 时 更 加 明显 。 我 们 
将 游戏 截图 放大 ， 可 以 清楚 地 看 到 这 些 细 线 。 这 个 问题 可 以 通过 设置 ccConfig. 本 FIX_ 
ARTIFACTS_BY_STRECHING_TEXEL 宏 来 解决 。 这 个 值 默 认 是 0， 将 其 设置 为 1 以 后 ， 编 译 运行 。 
对 比 效果 如 图 10-16 所 示 。 解决 的 大 致 原理 是 贴图 时 只 适用 99% 的 纹理 ， en 
小 一 图: 


GLfloat left = (rect.origin.x*2+1) / (widex2) ，; 
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GLfloat bottom = (rect.origin.y*2+1) / (high*2); 
GLfloat right = left + (rect.size.width*2-2) / (wide*2),;， 
GLfloat top = bottom + (rect.size.height*2-2) / (high*2).;， 


10-16 CC_FIX _ARTIFACTS_BY_STRECHING_TEXEL 开 启 前 后 效果 对 比 


第 二 个 bug 是 在 场景 发 生 演 动 的 过 程 中 地 图 会 拌 动 。 我 们 可 以 通过 对 Tilemap 的 每 个 图 层 的 纹 
理 开 局 搞 锯 齿 效 坟 来 解决 这 个 回 题 。 具 体 代 码 如 下 : 


CCArray *pChildrenArray = map->getChildren (); 
CCSpriteBatchNode *child = NULL.; 
CCObject *pObject = NULL; 
// 人 遍历 Tilemap 的 所 有 图 层 
CCARRAY_FOREACH (pChildrenArray, pObject) 
child = (CCSpriteBatchNode*)pObject; 
if(!child) 
break; 
给 图 层 的 纹理 开启 抗 锯齿 


child->getTexture()->setAntiAliasTexParameters (); 


三 个 bug 是 一 个 更 隐 和 项 的 bug。 让 我 们 给 setSceneScrollPosition 加 上 log， 跟踪 一 下 声 
me i 在 方法 的 最 后 加 上 以 下 代码 : 


CCLog ("scene position: %f,%f", scrollPosition.x, ScrollPosition.y); 


然后 运行 程序 ， 控 制 勇 士 移动 ， 使 场景 发 生 深 动 ， 观 罕 log 输 出 : 
scene position: 0.000000, 0.000000 

Scene position: 0.000000, —1.942856 

Scene position: 0.000000, —3.885712 

Scene position: 0.000000, —5.714279 

Scene position: 0.000000, —7.657150 

Scene position: 0.000000, —9.600006 
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Scene position 
Scene position 
Scene position 
Scene position 
Scene position 
Scene position 
Scene position 
Scene position 
Scene position 
Scene position 


Scene position 


10.4 人物 行走 


: 0.000000, —11.428374 
: 0.000000, —13.371429 
: 0.000000, —153.314285 
: 0.000000, —17.142833 
: 0.000000, —19.085S724 
: 0.000000, —21.0283580 
: 0.000000, —22.857147 
: 0.000000, -24.8300003 
: 0.000000, —26.742859 
: 0.000000, —28.571426 
: 0.000000, —30.514282 


问题 出 现 了 ,场景 最 终 只 被 移动 到 了 (0, 一 30.514282) 位 置 ， 而 预期 位 置 是 (0, 一 32)。 什 么 地 方 
出 差错 了 呢 ? 按 道理 updqate 方 法 会 一 直 被 调用 ， 只 有 判断 isHerowalking 为 false 的 情况 下 才 
不 会 去 更 新 场景 位 置 。 也 就 是 说 最 后 一 次 移动 后 ，isHerowalking 立 刻 被 置 为 false， 导 致 


update 方 法 设 有 去 调用 setSceneScrol1Position。 如 果 猜 测 成 立 的 话 ， 解 决 这 个 问题 


在 isHerowalking 被 置 为 false 之 后 ,手动 调用 一 次 setSceneScrol1Position 即 可 。 演 试 修 
改 onWalkDone 方 法 : 


void HelloWwo 
{ 


rld: :onWalkDone (CCNode *pTarget, void *data) 


int direction = (int) data; 


setFaceDirection( (HeroDirection)direction).; 


lisHeroWalking = false; 
/ /手动 调用 更 新 场景 的 方法 


setSceneScrollPosition(heroSprite->getPosition()); 


} 


修改 完毕 后 ， 


(0, 一 32) 处 。 


scene position 
scene position 
scene position 
scene position 
scene position 
scene position 
scene position 
scene position 


scene position 


运行 观察 log 输 出 ， 发 现 一 切 正 第 。 场 景 可 以 被 正确 地 移动 到 指定 位 置 ， 即 


: 0.000000, 0.000000 

: 0.000000, —1.942856 

: 0.000000, —3.885712 

: 0.000000, -5.714279 

: 0.000000, —7.637150 

: 0.000000, -9.600006 

: 0.000000, —11.428574 
: 0.000000, —13.371429 
: 0.000000, —13.314285 
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Scene position: 0.000000, —17.142853 

Scene position: 0.000000, —19.085724 

Scene position: 0.000000, —21.028580 

Scene position: 0.000000, -22.837147 

Scene position: 0.000000, -24.800003 

Scene position: 0.000000, —26.742859 

Scene position: 0.000000, —28.571426 

Scene position: 0.000000, -30.$14282 

Scene position: 0.000000, -32.000000 

好 了 ,到 目前 为 止 ， 我 们 基本 实现 了 勇士 在 地 图 上 移动 的 效 来 。 这 一 贡 的 内 容 比 较 长 ， 让 我 
们 来 总 结 回顾 一 下 具体 步骤 吧 。 

(1) 我 们 通过 ccspriteFrame 定 义 了 勇士 上 、 下 、 左 、 右 4 个 方向 的 行走 动画 ， 并 创建 出 动 
画 模 板 存 放 在 数组 里 方便 行走 时 调用 。 接 着 根据 动画 的 某 一 帧 创建 了 勇士 的 精灵 对 象 。 

(2) 创建 了 4 个 方 癌 的 文字 按钮 ， 点 击 后 可 以 让 勇士 播放 相应 的 行走 动画 。 在 按钮 的 回调 国 数 
中 ， 可 以 通过 发 起 者 的 Tag 值 判断 十 哪个 按钮 被 按 下 。 

(3) 用 ccsequence 和 ccCcallFuncND 注 册 了 回调 函数 ， 可 以 监听 行走 的 结束 事件 , 设置 勇士 
的 朝向 和 行走 状态 标识 。 

(4) 使 用 了 CCcspawn 和 CCMoveBy 让 勇士 在 播放 行走 动画 的 同时 移动 。 

(5) 为 了 让 勇士 贴 合 在 地 图 内 ， 我 们 人 研究 了 如 何 将 Tilemap 华 标 系 转换 为 cocos2d-x 坐 标 系 。 

(6) 最 后 ， 我 们 实现 了 场景 的 深 动 效 琳 。 根 据 勇 士 的 坐标 计算 出 场景 需要 滚动 的 距离 ， 并 注 
和 册 了 一 个 每 帧 触发 的 定时 絮 更 新 场景 位 置 。 


10.5 ” 磁 撞 检测 


前 面 已 经 初步 实现 了 勇士 在 地 图 内 的 移动 。 这 一 广 我 们 就 开始 加 入 碰撞 检测 ,让 勇士 在 磁 到 
载 壁 之 后 无 法 行走 ， 到 地 图 边缘 时 也 不 会 走出 去 ， 遇 到 敌人 的 时 候 会 战斗 等 。 

我 们 先 来 实现 墙壁 的 碰撞 逻辑 。 大 家 可 以 先 思考 一 下 ,如何 判断 勇士 撞 到 墙 了 ? 相信 你 已 经 
有 了 一 些 思 路 了 :可 以 在 menuCallBackMove 方 法 中 判断 目标 地 点 的 图 块 类 型 ,如 果 是 墙壁 的 话 ， 
就 不 让 勇士 移动 。 没 错 , 这 恕 是 我 们 将 要 采用 的 方法 。 下 面 我 们 看 一 下 如 何 用 代码 实现 这 个 逻辑 。 

(1) 先 熟 悉 一 下 CCTMXLayer 中 的 一 个 重要 方法 tileGIDAt (CCPoint tileCoordinate)。 
此 方法 可 以 根据 传 入 的 Tilemap 坐 标 , 返回 坐标 位 置 的 图 块 编号, 如 果 该 位 置 没 有 图 块 , 则 返回 0。 
有 了 这 个 方法 , 就 可 以 方便 地 判断 目标 位 置 是 否 有 墙壁 了 。 现在 只 需要 将 勇 十 的 cocos2d-x 华 标 转 
换 为 Tilemap 坐 标 即 可 。 转 换 方 法 如 下 ， 在 计算 ?坐标 时 ， 用 最 大 的 7" 值 减 去 当前 7 值 即 可 。 

// 从 cocos2d-x 坐 标 转换 为 Tilemap 坐 标 
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CCPoint HelloWorld: :tileCoordForPosition (CCPoint position) 
{ 
int x = position.x / map->getTileSize() .width; 
int y= (((map->getMapSize() .height - 1) * map->getTileSize() .height) - position.y) 
/ map->getTileSize() .height; 
return ccp(x, y); 


} 
(2) 在 HelloWorldScene.h 状 文件 里 定义 儿 个 碰撞 类 型 . 


typedef enum 

{ 
kNone = 1,// 可 以 通行 
kWall ,7/7 抽 
kEnemy,// 敌 人 

} CollisionType;// 人 页 接 类 型 


(3) 添加 一 个 方法 checkcollision (用 于 碰撞 检测 )。 注 意 : 在 获取 图 块 ID 之 前 ， 先 判断 目 
标 位 置 是 否 在 地 图 范围 内 ， 如 采 超 出 了 地 图 艺 围 ， 则 返回 kwal1 类 型 ， 阳 止 勇 士 移动 。 
/ /判断 碰撞 类 型 


CollisionType HelloWorld: :checkCollision (CCPoint heroPosition,) 
{ 


//cocos2d-x 坐 标 转 换 为 Tilemap 坐 标 

CCPoint tileCoord = tileCoordForPposition (heroPposition);} 

/ /如 果 和 勇士 坐标 超过 地 图 边界 ， 返 回 kWall 类 型 阻止 其 移动 

if (heroPosition.x<0 || tileCoord.x > map->getMapSize() .width - 1 || tileCoord.y 
< 0 || tileCoord.y > map->getMapSize() .height - 1) 
return kWall; 

/ /获取 当前 坐标 位 置 的 图 块 ID 

int tileGid = map->layerNamed ("wall")->tileGIDAt (tileCoord).; 

/ /如 琳 图 块 ITD 不 为 ， 表示 有 增 

if (tileGid) f{ 
return kWall; 


} 
// 可 以 通行 
return kNone; 


} 
(4) 在 menuCallBackMove 这 个 回调 方法 中 调用 checkCollision， 检 测 碰 撞 。 如 果 碰 撞 类 
型 是 墙壁 ， 只 需要 设置 勇士 的 朝 辣 ， 如 采 无 障碍 ， 则 开始 行走 。 


void HelloWorld: :menuCallBackMove (CCObject* pSender) 
{ 
// 根 据 方 癌 计算 移 动 的 距离 
case kUp: 
moveByPosition = ccp(0, 32); 
break; 
} 
/ /计算 目标 坐标 ， 用 当前 勇士 坐标 加 上 移动 距离 


CCPoint targetPosition = ccpAdd (heroSprite->getPosition(), moveByPosition),;} 
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// 调 用 checkCollision 检 铀 碰撞 类 型 ， 如 果 是 墙壁， 则 只 需要 设置 勇士 的 朝 问 
if (checkCollision(targetPosition) == kWall) 
{ 
setFaceDirection( (HeroDirection)targetDirection).; 
return; 
} 
// 利 用 CCSpawn 将 行走 动画 和 移动 同时 执行 


现在 编译 运行 程序 ， 探 制 勇 士 在 地 图 上 行走 ， 当 过 到 墙 的 时 候 ， 勇 士 不 会 再 罕 墙 而 过 了 ,而 
契 乖 乖 地 站 在 原 地 不 动 。 


10.6 总 结 


0 晓 塔 游戏 ， 能 够 显示 基于 TMXH 鸭 地图， 能 够 
显示 精灵 (包括 勇士 和 人 怪物)， 能 够 检测 元 素 之 间 的 碰撞 。 在 接 下 来 的 一 介 里 ， 我 们 会 对 游戏 进 
行进 一 步 优化 ， 给 订 诬 添 加 更 多 的 元 素 和 更 多 的 游戏 规则 
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在 上 一 革 里 ， 我 们 主要 介绍 了 开发 魔 塔 游戏 的 一 些 基 础 知识 ， 包 括 地 图 绘制 、 人 物 行走 和 
磁 撞 检测 等 。 本 草 将 进一步 介绍 开发 魔 培 洲 戏 的 高 级 知识 ， 即 添加 更 多 的 元 秦 和 更 多 的 游戏 规 


则 等 。 


11.1 重 构 代 人 码 


到 目前 为 止 ， 我 们 头疼 地 发 现 所 有 方法 都 是 在 同一 个 类 (HelloWorldscene) 里 实现 的 。 
随 着 新 功能 的 增加 ， 代 码 变 得 异常 腔 肿 ， 阅 读 和 修改 也 变 得 越发 困难 。 为 了 以 后 的 可 持续 发 展 ， 
让 我 们 采 断 暂停 新 功能 的 开发 ， 开 始 对 老 代 码 进行 重 构 。 


11.1.1 分 离 场景 和 图 层 


首先 ， 我 们 对 Helloworldscene 既 包含 了 7 场景 (CCScene) 又 包含 了 层 (ccLayer) 的 做 
法 表示 不 满 : 从 名 字 来 看 ， 它 是 个 场景 (CCScene)， 可 层 (CCLayer) 部 分 它 也 包含 进去 了 。 
于 古 干脆 将 它 分 离 成 两 个 类 : GameScene 和 GameLayer。 

D GameScene 类 继承 于 CCScene， 主要 负 贡 游戏 主场 景 的 创建 ， 它 可 以 与 以 后 游戏 中 各 种 

场景 进行 切换 ， 比 如 主 某 单 场景 。 同 时 ， 它 负责 创建 游戏 主场 景 内 的 各 个 CCLayer ， 包 
括 地 图 层 、 控 制 按钮 层 、 对 话 框 层 和 特效 层 等 。 

D GameLayer 继 承 CcLayer， 负 责 绘 制 游 戏 主 界 面 的 内 容 ， 包 括 地 图 、 勇 士 和 战斗 效果 等 。 

好 了 ， 现 在 来 创建 G6ameScene 和 GameLayer 这 两 个 类 。 

在 这 之 前 ， 首 先 创建 一 个 公用 文件 MTGame.h， 里 面包 含 了 项 目 中 需要 公用 的 类 的 头 文件 。 
这 样 做 的 好 处 是 管理 方便 ， 所 有 头 文件 一 目 了 然 。 缺 点 是 你 修改 某 个 类 的 定义 的 时 候 ， 会 引起 其 
他 所 有 类 的 重新 编译 。 对 于 我 们 目前 的 游戏 来 说 ,这 点 牺牲 还 是 值得 的 。 如 果 你 的 游戏 复杂 到 了 
一 定 程度 , 编译 需要 很 长 时 间 ,那么 还 是 老 老 实 实 地 分 别管 理 头 文件 比较 好 。 言 归 正 传 ,MTGame.h 
文件 如 下 : 


#lifndef __MTGAME H_ 
#define __MTGAME H_ 
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#include "cocos2d.h" 
#include "GameLayer.h" 
#include "GameScene.h" 


#end1if 
GameScene 中 需要 提供 一 个 静态 方法 showGameScene, 用 来 生成 一 个 新 的 游戏 主 界面 实例 ， 
头 文件 代码 如 下 : 


#ifndef GAME SCENE H _ 
#define GAME SCENE H _ 
/ /包含 公用 头 文 件 
#include "MTGame.h" 
// 使 用 cocos2d 命 名 空间 
Using namespace cocos2gd; 
/ /GameScene 继 承 CCScene 
class GameScene : public CCScene 
{ 
public: 
GameScene (void); 
~GameScene (void);} 
/ /静态 方法 用 于 创建 新 的 游戏 主 界 面 的 实例 
static CCScene *playNewGame ( ) ; 
/ /初始 化 函数 
virtual pool init(); 
//Scene 的 静态 创建 方法 


SCENE_NODE_FUNC (GameScene);}; 


#endif 


GameScene 的 代码 文件 (cpp) 如 下 ， 首 先 会 使 用 CCScene 的 node 方 法 创建 一 个 实例 ， 然 后 
调用 cameLayer 的 node 方 法 创建 layer 的 实例 ， 并 将 其 加 入 到 scene 当 中 : 


#include "GameScene.h'" 


GameScene: :GameScene (void) 
{ 
} 


GameScene: :~GameScene (void) 
{ 
} 


bool GameScene: :init() 
{ 
/ /新 建 一 个 GameLayer 实 例 
GameLayer *gamelayer = GameLayer: :node(); 
// 将 GameLayer 实 例 添加 到 场景 
this->addChild(gamelayer, kGameLayer, kGameLayer); 
/ /新 建 一 个 ControlLayer 实 例 
ControlLayer *controlLayer = ControlLayer: :node(); 
// 将 ControlLayer 实 例 添加 到 场景 
this->addChild(controlLayer, kControlLayer, kControlLayer); 
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return true; 


} 


CCScene *GameScene: :playNewGame ( ) 


{ 

GameScene *scene = NULL; 

do 

{ 
scene = GameScene: :node(); 
CC_ BREAK_IF(! Scene); 

} while (0); 

return scene,; 


} 
对 于 GameLayer 类 ， 我 们 先 把 原来 HelloWorldScene.cpp 中 Helloworlgd 类 中 相关 的 代码 复制 
出 来， 重 命 名 为 GameLayer 妈 可。 继续 修改 AppDelegate 中 创建 场景 的 部 分 : 


/ /创建 游戏 主 界面 

CCScene *pScene = GameScene: :playNewGame ( ) ; 
/ /运行 场景 

pPDirector->runWithScene (pScene); 


11.1.2 分 离 游 戏 对 和 象 


现在 我 们 已 经 将 HelloWorldScene.cpp 中 的 代码 分 离 成 GameScene 和 GameLayer 两 部 分 。 可 以 
看 出 GameScene 类 的 功能 已 经 相对 单一 了 ,但 SameLayer 类 仍然 内 容 驳 杂 。 下 面 来 想 办 法 继续 
拆 分 GameLayer 类 。 目前 游戏 主 界面 包含 3 个 对 象 ， 即 地 图 、 勇 士 和 控制 按钮 (关闭 按钮 和 方 同 
按钮 )。 因 此 可 以 将 GameLayer 中 的 方法 按 这 3 大 类 进行 划分 。 

(1) 地 图 类 人 负 贡 TMX 地 图 的 各 项 初始 化 操作 以 及 Tilemap 坐 标 系 和 cocos2d-x 坐 标 系 之 则 的 转换 ，。 

(2) 勇士 类 人 负 和 贡 行 走动 画 的 创建 、 在 地 图 上 移动 以 及 碰撞 检测 。 

(3) 控制 层 则 包括 关闭 按钮 和 方 同 按钮 的 逻辑 。 


1. 游戏 地 图 类 

先 分离 地 图 对 象 。 我 们 的 游戏 地 图 类 在 CCTMxXTi1legdMap 功 能 基础 上 ,添加 了 额外 的 初始 化 
操作 : 包括 方便 地 获取 备 个 层 、 开 启 纹理 抗 锯 齿 、 以 后 可 能 会 有 的 敌人 以 及 NPC (Non-Player- 
Controlled Character) 属性 的 读 取 。 另 外 ，Tilemap 和 cocos2d-x 坐 标 系 的 转换 以 及 碰撞 检测 也 可 以 
放 在 地 图 类 中 。 现 在 ， 新 建 一 个 GameMap 类 ， 继承 自 CCTMXTiledMap， 然 后 将 需要 实现 的 方法 
写 在 头 文 件 里 ， 具 体 代码 如 下 : 


#lifndef __GAME MAP H _ 


#define __GAME MAP H 


#include "MTGame.h" 


typedef enum 
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kNone 三 工 77 可 以 通行 
kWall,// 墙 
KEnemy，/ /敌人 

} CollisionType;// 人 页 描 类 型 


using namespace cocos2gd; 


/ /继承 自 CCTMXTIledMap 

class GameMap : public cocos2d: :CCTMXTil1edMap 

{ 
/ /只 读 变 量 ， 获取 地 板 层 和 墙壁 层 
CC_PROPERTY READONLY (CCTMXLayer*, floorLayer, FloorLayer); 
CC_PROPERTY READONLY (CCTMXLayer*, wallLayer, WallLayer).; 

public: 


GameMap (void);} 

~GameMap (void);} 

/ /静态 方法 ， 用 于 生成 CameMap 实 例 

static GameMap *gameMapWithTMXFile(const char *tmxFile).; 

//TiledMap 和 cocos2d-x 华 标 系 相互 转换 的 方法 

CCPoint tileCoordForPosition (CCPoint position); 

CCPoint positionForTileCoord(CCPoint tileCoord); 
protected: 

/ /TliedMap 和 额外 的 初始 化 方法 

void extralInit().; 

/ /开启 各 图 层 的 纹理 抗 锯齿 


void enableAnitiAliasForFEachLayer().; 


上 


#endif 

在 类 的 开始 我 们 使 用 了 ccC_PROPERTY_READONLY 安 ， 这 是 cocos2d-x 引 警 内 航 的 安 ， 可 以 方 
便 地 声明 变量 的 get 和 set 方 法 ,具体 用 法 参见 CCPlateformMacros.h。 这 里 声明 了 两 个 protected 
的 CCTMXxLayer 指 针 类 型 的 变量 , 用 来 获取 地 板 层 和 墙壁 层 。 在 cpp 文 件 中 , 需要 自己 实现 getter 


方法 : 


/ /返回 地 板 层 
CCTMXLayer *GameMap: :getFloorLayer ( ) 


{ 


return floorLayer; 


// 返 回 墙壁 层 
CCTMXLayer *GameMap: :getWallLayer ( ) 
{ 


return wallLayer; 


} 
静态 方法 gameMapWithTMXEi1le 用 于 生成 GameMap 实 例 。 它 遵循 了 cocos2d-x 生 成 对 象 的 规 
汇 : new 一 个 对 象 ， 调 用 其 init 方 法 ， 设 置 对 象 为 autorelease。 上 有 具体 代码 如 下 : 
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/ /静态 方法 ， 用 于 生成 GameMap 实 例 
GameMap *GameMap: :gameMapWithTMXFile(const char *tmxFile) 
{ 
/ /new 一 个 对 象 
GameMap *pRet = new GameMap ();} 
/ /调用 init 方 法 
if (pRet->initWithTMXFile (tmxFile)) 
{ 
/ /调用 额外 的 ijnit 方 法 
pPRet->extraInit().; 
/ /将 实例 放 入 autorelease 池 ,统一 由 引擎 控制 对 象 的 生命 周期 
PRet->autorelease(); 
return DRet ; 
} 
CC_SAFE_ DELETE (PRet ) ，; 
return NULL; 


} 


在 gameMapWithTMXFile 中 除了 调用 CCTMxTiledMap 自 有 的 ijnitwithnTMXFile 方 法 以 


还 调用 了 我 们 自己 定义 的 extraInit 方 法 ， 用 于 进行 一 些 额 外 的 初始 化 操作 。 


//TliedMap 额 外 的 初始 化 方法 
Vold GameMap: :extraInit() 


I 


/ /开启 各 个 图 层 的 纹理 抗 锯齿 
enableAnitiAliasForEachLayer (); 


/ /初始 化 地 板 层 和 墙壁 层 对 象 


floorLayer = this->layerNamed ("floor").;} 


wallLayer = this->layerNamed ("wall"),; 


} 
enableAnitiAliasForEachLayet 方 法 用 于 开局 TiledMap 中 所 有 层 的 纹理 抗 饮 齿 效果 : 


Vold GameMap: :enableAnitiAliasForEachLayer() 
{ 
CCArray *pChildrenArray = this->getChildren (); 
CCSpriteBatchNode *child = NULL.; 
CCObject *pObject = NULL; 
/ /遍历 Tilemap 的 所 有 图 层 
CCARRAY_FOREACH (pChildrenArray, pObject) 
{ 
child = (CCSpriteBatchNode*)pObject; 
if(!child) 
break; 
/ /给 图 层 的 纹理 开启 抗 饮 齿 


child->getTexture()->setAntiAliasTexParameters(),; 


| 


tileCoordForpPosition、positionForTileCoord 和 checkCollision 方 法 基本 与 前 面 
HellowWorldSscene 中 的 实现 一 致 ， 这 里 不 再 警 述 。 最 后 在 GameLaver 中 ， 只 需要 调用 GameMap 
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有 的 gameMapWithTMXFile 方 法 就 可 以 很 方便 地 创建 游戏 地 图 了， 具体 代码 如 下 : 


map = GameMap: :gameMapWithTMXFile("0.tmx").; 
addChild (map).; 


2. 勇士 类 

接 下 来 我 们 开始 分 离 勇 士 类 ， 和 暂 命 名 为 Hero 类 。Hero 类 中 应 包括 用 于 显示 的 精灵 、 各 种 属 
性 (攻击 、 防 御 和 生命 值 ) 和 勇士 移动 的 方法 等 。 

首先 , 请 大 家 思考 一 个 问题 : Hero 类 是 否 应 该 继承 于 ccsprite? 我 们 上 节 实 现 的 勇士 移 动 ， 
仅仅 使 用 了 一 个 ccsprite, 那么 现在 要 往 里 面 添加 额外 的 方法 , 继承 自 ccCSsprite 应 该 就 可 以 请 
足 了 。 这 种 考虑 役 错 ， 确 实 就 目前 要 实现 的 功能 来 说 ， 这 个 方法 是 可 行 的 。 但 是 如 采 能 看 得 稍微 
远 一 点 ， 就 会 发 现 这 个 方案 缺乏 灵活 性 。 设 想 一 下 ， 如 果 我 们 想 在 勇士 的 头顶 上 加 一 个 用 于 显示 
生命 值 的 血 条 ， 要 求 它 能 随 勇 士 移 动 而 移动 ， 难 道 需要 写 一 个 update 方 法 ， 不 停 地 刷新 生命 条 
的 坐标 吗 ? 这 显然 不 现实 ， 也 不 合理 。 同 理 还 有 勇士 的 装备 和 光环 buff 的 技能 效果 等 。 所 以 我 
们 i 上 Hero 类 继承 CCNode, 然后 将 用 于 显示 的 精灵 作为 孩子 市 点 添加 进去 ,而 游戏 主 界面 将 Hero 
整体 作为 一 个 ccCNode 保 存 为 孩子 节点 。 这 样 针 对 Hero 主 体 的 缩放 、 移 动 、 执 行动 作 、 显 示 和 隐 
藏 等 操作 都 会 影响 到 Hero 类 内 部 的 所 有 显示 节点 。 下 面 来 看 下 Hezro 类 头 文件 的 定义 : 


#ifndef __HERO H 
#define __HERO H 


#include "MTGame .nh" 
using namespace cocos2d; 


/ /勇士 类 继承 日 CCNode 


class Hero : public cocos2d: :CCNode 


{ 
public: 


Hero (void); 

~Hero (vold) ; 

/ /静态 方法 ， 用 于 创建 勇士 实例 

static Hero *heroWithinLayer().; 

/ /初始 化 方法 

bool heroInit().; 

/ /用 于 显示 勇士 形象 的 精灵 

CCSprite *heroSprite; 

/ /标识 勇士 是 否 在 移动 状态 

bool isHeroMoving; 

/ /让 勇士 同 指 定 方向 移动 一 格 

Vold move (HeroDirection direction),; 
/ /移动 完成 后 的 回调 函数 

void onMoveDone (CCNode *pTarget, void* data); 
/ /设置 勇士 朝 问 


void setFaceDirection(HeroDirection direction): 
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上 


#endif 

静态 方法 heroWwithinLayer 用 于 创建 勇士 实例 ， 仍 然 遵 人 循 cocos2d-x 的 对 象 创建 方式 。 于 
GameMap 类 中 的 gameMapWithTMXFi1e 方 法 作用 类 似 ， 相 信 大 家 对 此 都 已 经 比较 了 解 。 具 体 代 
码 如 下 : 

/ /静态 方法 ， 用 于 生成 Hero 实 例 


Hero *Hero: :heroWithinLayer() 
{ 
//new 一 个 对 象 
Hero *pRet = new Hero() ; 
/ /调用 init 方 法 
if (pRet && pRet->heroInit()) 
{ 
// 将 实例 放 入 autorelease 池 ， 统 一 由 引擎 控制 对 象 的 生命 周期 
DRet->autorejlease () : 
return PRet ， 
} 
CC_SAFE _ DELETE (PRet ) 
return NULL; 


} 

heroInit 是 用 来 初始 化 Hero 类 有 的， 主要 完成 herosprite 的 新 建 、 添 加 、 设 置 销 点 以 及 一 
些 人 标志 位 的 赋值 等 。 具 体 代 码 如 下 。 注 章 ，CCSprite::spriteWithSpriteFrame 方 法 并 没有 
给 完全 ， 和 暂时 先 放 在 这 里 ， 因 为 我 们 将 要 在 下 一 小 方 中 引 入 一 个 新 类 来 绾 理 动 画 。 


bool Hero: :heroInit() 


{ 


/ /根据 问 下 行走 动画 的 第 一 帧 创建 精灵 

heroSprite = CCSprite: :spriteWithSpriteFrame(/* 根 据 指定 动画 帆 创 建 对 和 象 */); 
/ /设置 销 点 

heroSprite->setAnchorPoint (CCPointZero).; 

/ /将 用 于 显示 的 heroSprite 加 到 自己 的 布点 下 

this->addChild(heroSprite);} 

/ /一 开始 不 处 于 move 状 态 

lsHeroMoving = false; 

return true; 


} 

Hero 的 move 方 法 除了 照搬 Hel1loworldqSscene 中 的 menuCcal1BackMove 以 外 ,还 需要 做 一 些 
修改 。 原 来 我 们 为 了 对 单个 ccsprite 实 现 移 动 和 播放 动画 同时 进行 的 效果 ， 使 用 了 CCSpawn。 
现在 由 于 Hero 类 可 能 会 承载 多 个 精灵 , 不 能 单纯 地 只 移动 Perosprite 一 个 精灵 , 而 是 要 将 作为 
CCNode 的 Hero 主 体 类 整体 进行 移动 。 所 以 heroSprite 仅 需要 播放 行走 动画 ， 而 Hero 类 进行 位 
移动 作 。 注 意 , 原来 heroSsprite->getPosition() 的 地 方 都 需要 改 成 this->getPosition1() 。 
另外， 为 了 保证 Hero 是 在 移动 到 目标 位 置 后 再 执行 onMoveDone， 我 们 将 其 与 Hero 市 点 本 里 有 的 
CCMoveBy 动 作 拼 接 成 为 一 个 串 行 操作 。move 方 法 的 部 分 代码 如 下 : 
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Vold Hero: :move (HeroDirection direction,) 
{ 
if (isHeroMoving) 
return; 


/ /若干 操作 
/ /计算 目标 坐标 ， 用 当前 勇士 坐标 加 上 移动 距离 
CCPoint targetPosition = ccpAdd (this->getPosition(), moveByPosition),;} 
/ /计算 目标 坐标 ， 用 当前 勇士 坐标 加 上 移动 距离 
CCPoint targetPosition = ccpAdd (this->getPosition(), moveByPosition);} 
// 调 用 checkcollision 检 测 磁 撞 类 型 ， 如 果 是 墙壁 ， 则 只 需要 设置 勇士 的 朝向 
if (checkCollision(targetPosition) == kWall) 
{ 
setFaceDirection( (HeroDirection)direction),; 
return; 
} 
//heroSprite 仪 播放 行走 动画 
heroSprite->runAction(/* 获 取 指 定 动画 对 和 象 */); 
/ /主体 进行 位 移 ， 结 束 时 调用 onMoveDone 方 法 
CCACtion *action = CCSequence: :actions!l 
CCMoveBy: :actionWithDuration(0.20f, moveByPosition), 
// 把 方向 信息 传递 给 onMoveDone 方 法 
CCCallFuncND: :actionWithTarget (this, 
callfuncND_ selector (Hero: :onMoveDone), (void*)direction), 
NULL).; 
this->runAction(action),; 
lisHeroMoving = true; 


} 
onMoveDone 和 setFaceDirection 方 法 基本 和 原来 Helloworldscene 中 的 实现 类 似 ， 注 


要 将 用 到 heroSprite->getPosition() 的 地 方 都 需要 改 成 this->getPosition()。 


接 下 来 开始 改写 checkCollision 方 法 , 大 家 会 发 现 里 面 用 到 了 gameMap 对 象 。 如 何在 Hero 


类 中 访问 GameMap 对 象 呢 ? 我 们 下 一 小 节 会 介绍 一 种 方法 。 


好 了 ， 目 前 位 置 Hero 类 的 功能 已 经 基本 完成 ， 现 在 需要 修改 一 下 GameLayer 中 初始 化 勇士 


的 方法 : 


/ /调用 Hero 类 的 静态 方法 创建 实例 

hero = Hero: :heroWithinLayer(); 

/ /设置 Hero 的 起 始 位 置 
hero->setPosition(map->positionForTileCoord(ccp(1, 11))); 
/ /将 Hero 加 入 GameLayer 

addChild (hero):; 


很 简单 吧 ， 仅 需要 3 行 代 码 就 在 游戏 中 创建 出 了 一 个 勇士 。 


3. 单 例 类 
大 家 应 该 注 辣 到 上 一 小 习 还 有 两 个 小 部 分 没有 完成 ， 一 古 动画 相关 的 代码 ， 二 是 在 Hero 类 


中 如 何 访问 GameMap 对 象 。 
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我 们 先 来 完成 动画 相关 的 代码 。 这 一 部 分 单独 拿 出 来 讲 , 是 券 虑 到 定义 动画 的 工作 很 耗费 代 
码 行 数 ， 并 且 十 分 单调 重复 ， 疫 有 必要 放 在 具体 的 游戏 对 象 里 ， 可 以 专门 设计 一 个 动画 管理 喜来 
管理 游戏 中 所 有 的 动画 。 在 场景 创建 之 切 ， 将 可 能 用 到 的 动画 ， 从 配置 文件 一 次 性 加 载 ; 在 场景 
运行 期 间 ， 就 可 以 直接 从 管理 右 去 得 相应 的 动画 资源 了。 在 场景 被 销 恕 的 时 候 ， 再 控制 动画 管理 
代销 毁 不 用 的 资源 。 

好 ， 在 实现 具体 的 动画 管理 奏 之 前 ， 我 们 需要 多 方位 思 短 ， 请 先 芳 虑 这 几 个 癌 题 : 动画 管理 
筑 完 竟 会 以 什么 样 的 形式 被 调用 ? 在 游戏 的 各 个 对 象 中 , 哪些 会 有 访问 动画 省 理 如 有 的 需求 ?不 同 
的 类 需要 访问 不 同 的 管理 带 实 例 吗 ? 征 否 会 有 多 线程 同时 访问 ? 在 仔细 思考 完 这 些 问 题 以 后 , 相 
信 你 已 经 得 出 了 答案 : 我 们 在 整个 游戏 过 程 中 只 需要 一 个 动画 管理 合 ， 它 需要 以 尽 可 能 方便 的 形 
式 被 所 有 游戏 对 象 访问 到 ,最 后 的 多 线程 问题 在 这 球 游 戏 中 不 存在 。 所 以 让 我 们 异口同声 地 说 出 
心中 的 那 两 个 字 吧 ， 没 错 ! 就 定单 例 。 

我 们 先 写 一 个 单 例 模式 的 模板 容 姻 ,以 后 就 可 以 方便 地 实现 单 例 了 。 模板 容 强 的 具体 代码 如 
下 ,其 中 定义 了 一 个 前 态 变 量 ， 用 于 保存 单 例 的 实例 ;， 有 两 个 公用 方法 ， 用 于 获取 唯一 实例 和 释 
放 操 作 。 


#ifndef _SINGLETON_H 
#define _SINGLETON_H 


template <class T> 

class Singleton 

{ 

public: 
/ /获取 类 的 唯一 实例 
static inline T* instance(); 
/ /释放 类 的 唯一 实例 
void release(); 

Protected: 
Singleton (void)t{} 
~Singleton (void){} 
static T* _instance; 


小 


template <class 工 > 
inljine T* Singdqleton<T>: :InSstance() 
{ 
if(! instance) 
_instance = new T; 
return _instance; 


} 


template <class T> 
Vold Singleton<T>: :Telease ( ) 
{ 
if (!_ instance) 
return; 
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delete _instance; 
_instance = 0; 


} 


/ /cpp 文 件 中 需要 先 声 明 静 态 变 量 
#define DECLARBE SINGLETON MEMBER(_Ty)\ 
template <> _Ty* Singleton<_ Ty>::_instance = NULL; 


#endif//_SINGLETON_H 


然后 我 们 新 建 一 个 AnimationManager 类 ， 继 承 Singleton 类 。 可 以 直接 重用 基 类 的 获取 
实例 和 销毁 实例 的 方法 。 同 时 ， 它 拥有 一 个 动画 映射 表 ， 用 来 缓存 动画 模板 ， 可 以 根据 int 型 的 
键 值 查询 对 应 的 动画 模板 。 定 义 了 一 个 枚 举 类 型 ， 罗 列 了 目前 所 有 动画 对 应 的 键 值 。 对 外 暴露 的 
公共 方法 有 3 个 : initAnimationMap 用 于 初始 化 动画 模板 资源 到 AnimationCache 中 ， 
getaAnimation 可 以 根据 键 值 返回 对 应 的 动画 模板 定义 ，createaAnimate 方 法 用 来 生成 指定 的 
动画 实例 ， 可 以 直接 供 ccNode 的 *unAction 调 用 。 有 具体 头 文件 定义 如 下 : 


#lifndef _ANIMATION_MANAGER _H 
#define _ANIMATION MANAGER H_ 


#include "MTGame.h" 


typedef enum 
{ 


aDone = 0,// 癌 下 行走 动画 
aLeft,// 问 左 行走 动画 
aRight, // 向 右 行走 动画 

aUp, // 同 上 行走 动画 
} AnimationKey;// 动 画 模 板 键 值 


Using namespace cocos2gd; 


class AnimationManager : public Singleton<AnimationManager> 
{ 
public: 
AnimationManager(); 
~AnimationManager ();} 
/ /初始 化 动画 模板 缓存 表 
bool initAnimationMap(),; 
/ /根据 名 字 得 到 一 个 动画 模板 
CCAnimation *getAnimation(int key); 
/ /创建 一 个 动画 实例 
CCAnimate *createAnimate(int key); 
protected: 
// 加 载 勇士 行走 动画 模板 


CCAnimation *createHeroMovingAnimationByDirection(HeroDirection direction);} 


人 
/ /定义 动画 管理 器 实例 的 别名 


#define sAnimationMgr AnimationManager: :instancel() 
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#endif 


各 方法 的 有 具体 实现 如 下 ， 在 initanimationMap 方 法 中 ， 将 勇士 的 行走 动画 加 载 到 全 局 的 
CCAnimationCache 中 。getAnimation 获 取 动 画 模 板 上 时， 也 是 从 CCAnimationCcache 中 获取 。 


#include "AnimationManager.h" 


DECLARE_ SINGLETON MEMBER (AnimationManager).; 


AnimationManager: :AnimationManager ( ) 


{ 
} 


AnimationManager: :~AnimationManager () 


‘ 


7/CCDirector 全 自己 清除 AnimationCache 
//CCAnimationCache: :purgeSharedAnimationCache (); 


bool AnimationManager: :initAnimationMap() 


{ 


} 


char temp[20]; 


sprintf (temp, "%d", aDown); 

/ /加 载 勇 士 向 下 走 的 动画 

CCAnimationCache: :sharedAnimationCache()->addAnimation (createHeroMovingAnimation-— 
ByDirection(kDown), temp); 

sprintf(temp, "%d", aRight).; 

/ /加 载 勇 士 向 右 走 的 动画 

CCAnimationCache: :sharedAnimationCache()->addAnimation (createHeroMovingAnimation-— 


ByDirection(kRight), temp); 

sprintf (temp, "%d", aLeft).; 

// 加 载 勇士 向 左 走 的 动画 

CCAnimationCache: :sharedAnimationCache()->addAnimation (createHeroMovingAnimation-— 
ByDirection(kLeft), temp); 

sprintf (temp, "%d", aUp); 

/ /加 载 勇 士 和 加 上 走 的 动画 

CCAnimationCache: :sharedAnimationCache()->addAnimation (createHeroMovingAnimation-— 
ByDirection(kUp), temp); 


return true; 


CCAnimation *AnimationManager: :createHeroMovingAnimationByDirection (HeroDirection- 


direction) 


{ 


CCTexture2D *heroTexture = CCTextureCache::sharedTextureCache()->addImage ("hero.png"); 
CCSpriteFrame *frame0, *framel, *frame2, *frame3; 
// 第 二 个 参数 表示 显示 区 域 的 x，y，width，height， 根据 direction 来 确定 显示 的 y 坐 标 


frame0 = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*0, 
32*direction, 32, 32)); 
framel = CCSpriteFrame: :frameWithTexture (heroTexture, CoCos2d: :CCRectMake (32*1, 


32*direction, 32, 32)); 
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frame2 = CCSpriteFrame: :frameWithTexture (heroTexture, CoCos2d: :CCRectMake (32*2, 
32*direction, 32, 32)); 
frame3 = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*3, 


32*direction, 32, 32)); 
CCMutableArray<CCSpriterFrame *> *animFrames = new CCMutableArray<CCSpriterFrame*>(4); 
animFrames->addObject (frame0 


animFrames->addObject (framel).;} 


7 


. 


7 


animFrames->addObject (frame2 


) 
) 
) 
) 


animFrames->addObject (frame3 


. 
7 


CCAnimation *animation = new CCAnimation().; 
//0.05f 表 示 每 帧 动画 间 的 间隔 
animation->initWithFrames (animFrames, 0.05f).; 


animFrames->release(); 


return animation; 


上 


// 获 取 指 定 动画 模板 
CCAnimation *AnimationManager: :getAnimation(int key) 
{ 
char temp{[20]; 
sprintf (temp, "%d", key); 
return CCAnimationCache: :sharedAnimationCache()->animationByName (temp ) ， 


/ /获取 一 个 指定 动画 模板 的 实例 
CCAnimate *AnimationManager: :createAnimate(int key) 
{ 
/ /获取 指定 动画 模板 
CCAnimation *anim = getAnimation (key).; 
if (anim) 
{ 
/ /根据 动画 模板 生成 一 个 动画 实例 
return cocos2d: :CCAnimate: :actionWithAnimation (anlm) ， 
} 
return NULL.; 
} 


接 下 来 , 我 们 在 哪里 调用 initAnimationMap 方 法 呢 ?” 如 琳 游 戏 资源 比较 多 , 最 好 创建 一 个 
加 载 (loading) 界面 ， 在 后 台 加 载 资源 ， 加 载 完 毕 后 再 进入 游戏 场景 。 如 来 资 源 不 多 ， 可 以 简单 


地 在 AppDelegate 和 的 applicationDidFinishLaunching 中 初始 化 AnimationManager, 然后 
在 AppDelegate 的 析 构 函数 中 释放 它 。 


bool AppDelegate: :applicationDidFinishLaunching ( ) 
{ 

CCDirector *pDirector = CCDirector: :sharedDirector();} 
pPDirector->setOpenGLView (&CCEGLView: :sharedOpenGLView()).; 
pPDirector->setDeviceOrientation(kCCDeviceOrientationLandscapeLeft).; 
pDirector->setDisplayFPS (true); 
pDirector->setAnimationInterval (1.0 / 60); 
/ /初始 化 动画 管理 絮 


sAnimationMgr->initAnimationMap () ， 
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/ /创建 游戏 主 界面 

CCScene *pScene = GameScene: :showGameScene(); 
天 /EDLREectEG7 运行 声 录 

pPDirector->runWithScene (pScene); 

Peturi te 


} 


AppDelegate: :~AppDelegate() 

{ 
SimpleAudioEngine: :end(); 
/ /释放 动画 管理 絮 
sAnimationMgr->release(); 


】 

在 Hero 类 的 move 方 法 中 ， 修 改 heroSprite 的 runAction 方 法 如 下 : 

heroSprite->runAction(sAnimationMgr->createAnimate (direction)); 

上 和 面 我 们 用 单 例 模式 创建 了 一 个 动画 管理 颖 , 在 游戏 的 任意 对 象 中 都 能 方便 地 使 用 。 接 着 我 
们 再 介绍 一 种 单 例 模式 的 应 用 场景 。 大 家 可 能 已 经 发 现 ， 随 着 代码 的 重 构 ,， 单独 的 类 被 拆 分 成 多 
个 功能 相对 单一 的 类 ， 这 样 类 之 则 的 数据 访问 成 了 一 个 人 很 大 的 问题 。 比 如 ， 在 Hero 类 的 
checkcollision 方 法 中 需要 用 到 GameMap 对 象 ,在 noveDone 事 件 回调 中 ,需要 访 占 GameLayer 
的 setSceneScrollPosition 方 法 。 我 们 当然 可 以 通过 传递 对 角 的 方式 来 进行 数据 交互 ， 但 这 
种 方式 相对 来 说 比较 麻烦 。 如 末 可 以 保证 备 个 对 象 的 唯一 性 ， 比 如 当前 游戏 主场 景 、 游 戏 地 图 和 
勇士 等 只 可 能 有 一 个 实例 存在 ,那么 最 向 便 的 方法 就 是 使 用 单 例 模式 创建 一 个 类 , 保存 全 局 都 可 
以 访问 的 唯一 性 变量 。 下 面 ， 新 建 一 个 Global 类 继承 于 Singleton 类 ， 其 中 包含 了 几 个 需要 全 
局 访问 的 游戏 对 象 ， 即 GameLayer、GameMap 和 Hero 等 ， 具 体 头 文件 如 下 : 


#ifndef _GLOBAL H 
#define _GLOBAL H_ 


#include "MTGame.h" 
using namespace cocos2gd; 


class GameLayer; 
class GameMap; 
class Hero; 


class Global : public Singleton<Global> 
{ 
public: 

Global (void); 

~Global (void); 


/ /游戏 主 图 层 
GameLayer *gameLayer; 
/ /游戏 地 图 

GameMap *gameMap; 


/ /勇士 


Hero *hero; 
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#define sGlobal Global::instancel() 


#endif 
广 意 ， 要 在 各 类 的 构造 函数 中 对 Global 中 的 变量 进行 赋值 . 


Hero: :Hero() 


{ 


LA 


sGlobal->hero = this; 


GameMap: :GameMap () 


{ 
sGlobal->gameMap = this; 


GameLayer: :GameLayer () 


{ 
sGlobal->gameLayer = this; 


由 于 我 们 只 保存 了 上 述 3 个 对 象 的 指针 ， 所 以 对 象 本 身 的 释放 工作 不 需要 clobal 类 来 完成 ， 
只 需要 在 析 构 函数 中 将 各 个 指针 设置 为 NULL 妈 可 。 


Global::~Global (void) 

l 
GgameLayer = NULL,; 
gameMap = NULDL.; 
hero = NULL; 

} 


创建 好 了 Global 类 ， 修 改 Hero 类 中 所 有 需要 使 用 gameMap 实 例 的 地 方 ， 部 分 代码 如 下 : 


void Hero: :onMoveDone (CCNode *pTarget, void* data) 


{ 


// 将 voidq* 先 转换 为 int， 再 从 int 转 换 到 枚 举 类 型 
int direction = (int) data; 
setFaceDirection( (HeroDirection)direction).; 
isHeroMoving = false; 
sGlobal->gameLayer->setSceneScrollPosition(this->getPosition()); 
} 
/ /判断 碰撞 类 型 
CollisionType Hero: :checkCollision (CCPoint heroPosition,) 
{ 
//cocos2d-x 坐 标 转 换 为 Tilemap 坐 标 


CCPoint tileCoord = sGlobal->gameMap->tileCoordForPosition(heroPosition); 

/ /如 果 勇 士 坐 标 超 过 地 图 边界 ， 返 回 kWal1l 类 型 ， 阻 止 其 移动 

1If (heroPposition.x < 0 || tileCoord.x > sGlobal->gameMap->getMapSize() .width - 1 
| | tileCoord.y < 0 || tileCoord.y > sGlobal->gameMap->getMapSize() .height - 1) 


return kWall; 
// 获 取 墙 壁 层 对 应 坐标 的 图 块 ID 
int tileGid = sGlobal->gameMap->getWallLayer()->tileGIDAt (tileCoord);} 


se 
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/ /如 果 图 块 ID 不 为 0， 表 示 有 墙 
if (tileGid) { 
return kWall; 
} 
/ /可 以 通行 


return kNone; 


4. 控制 层 

前 面 一 方 ， 我 们 抽象 出 了 Hero 类 ， 增 加 了 singleton 容 各 类 ， 并 用 其 创建 了 动画 管理 絮 
AnimationManager 和 一 个 存放 全 局 变量 的 类 Global ,目前 的 GameLayer 类 看 起 来 靖 开 了 人 很 多 ， 
地 图 筋 士 的 初始 化 和 相关 方法 都 移 到 相关 的 类 中 ， 仅 剩余 了 下 面 几 个 部 分 。 

(1) setSceneScrollPosition 方 法 ， 用 于 根据 勇士 位 置 计算 场景 深 动 的 距离 。 

(2) 一 个 定时 器 方 法 ， 用 于 每 帆 调 用 set SceneScrollPosition。 

(3) 关闭 按钮 及 其 对 应 的 onClick 方 法 。 

(4) 4 个 方 问 按钮 及 onclick 方 法 。 

大 家 应 该 已 经 看 出 , 后 面 两 项 也 可 以 从 GameLayer 中 分 离 出 来 , 因为 它们 并 不 属于 游戏 内 容 
相关 的 对 象 ， 可 以 把 它们 归结 为 控制 层面 的 一 部 分 。 因 此 ,我 们 最 好 创建 一 个 控制 层 来 统一 管理 
相关 的 按钮 。 控 制 层 应 该 作为 一 个 独立 的 CCLayer， 它 的 zOrder 需 要 比 GameLayer 更 高 。 首 先 
创建 一 个 空 的 类 ， 即 controlLayer， 它 应 该 包括 CCcLayer 标 准 的 初始 化 方法 和 按钮 点 击 事 件 的 
回调 函数 ，ControlLayer 的 头 文件 代码 如 下 : 


#ifndef _CONTROLLAYER H 
#define CONTROLLAYER H _ 


#include "MTGame .nh" 
using namespace cocos2d; 


class ControlLayer: public CCLayer 
{ 
public: 
ControlLayer (void).; 
~ControlLayer (void); 
//node 方 法 会 调用 此 孙 数 
virtual pool init(); 
// 方 癌 按 钮 点 击 事件 的 回调 
vold menuCallBackMove (CCObject* pSender); 
/ /关闭 按钮 点 击 事件 的 回调 
Void menuCloseCallback (CCObject* pSender),; 
// 使 用 CCcLayezr 标 准 的 创建 实例 的 方式 ， 声明 node 方 法 
LAYER_NODE_FUNC (ControlLayer); 
3 


#endif 
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ControlLayer 的 代码 文件 中 的 具体 实现 只 需要 将 GameLayer 中 的 相关 代码 复制 过 来 即 可 : 


#include "MTGame.h" 


ControlLayer: :ControlLayer (void) 
{ 
} 


ControlLayer: :~ControlLayer (void) 
{ 
} 


bool ControlLayer: :init() 
{ 
if ( !CCLayer: :init() ) 
{ 
return false; 
} 
/ /创建 关闭 按钮 
CCMemnuItemImade *pCloseItem = CCMenuItemImade: :itemFromNormallImagel\( 
"CloseNormal .png", 


"CloseSelected.png", 


this, 

menu_ selector (ControlLayer: :menuCloseCallback)); 
pCloseItem->setPosition(ccp (CCDirector: :sharedDirector()->getWinSize() .wigdth 
- 20, 20)); 


CCMenu *pMenu = CCMenu: :menuWithItems (pCloseItem, NULL); 
pMenu->setPosition (CCPointZero); 
this->addChild(pMenu, 1); 


/ /创建 方向 按钮 

CCMemnuItem *down = CCMenulItemFont::itemFromString("down", this, menu selector 
(ControlLayer: :menuCallBackMove));} 

CCMenuItem *left = CCMenuItemFont::itemFromString("left", this, menu _ selector 
(ControlLayer: :menuCallBackMove) ); 

CCMenuItem *right = CCMenulItemFont::itemFromString("right", this, menu selector 
(ControlLayer: :menuCallBackMove) ); 

CCMemnuItem *up = CCMenuIltemFont::itemFromString("up", this, menu selector 
(ControlLayer: :menuCallBackMove) ) :; 


CCMenu *menu = CCMenu: :menuWithIitems (down, left, right, up, NULL); 
/ /为 了 方便 查找 ， 给 每 个 menuItem 设 置 Tag 

down->setTag (kDown).;} 

left->setTag (kLeft).; 

right->setTag (kRight).; 

upP->setTag (kUp).; 

/ /菜单 项 按 间 距 水 平 排列 

menu->alignItemsHorizontallyWithPadding (50); 

addChild (menu),; 

return true; 


} 


Vold ControlLayer: :menuCloseCallback (CCObject *pSender) 
{ 


CCDirector: :sharedDirector()->end(): 


】 


Vold ControlLayer: :menuCallBackMove (CCObject *pSender) 


se 
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CCNode *node = (CCNode *) pSender; 

/ /按钮 的 Tag 就 是 需要 行走 的 方 问 

int targetDirection = node->getTag();} 
sGlobal->hero->move( (HeroDirection) targetDirection).; 


} 
最 后 ， 我 们 修改 GameScene 的 init 方 法 ， 在 里 面 新 建 一 个 ControlLayer 实 例 ， 并 把 它 加 
为 自己 的 孩子 节点 : 


/ /新 建 一 个 ControlLayer 实 例 

ControlLayer *controlLayer = ControlLayer: :node(); 
CC_ BREAK_ IF(! controlLayer); 

// 将 ControlLayer 实 例 添加 到 场景 
scene->addChild(controlLayer);} 


11.1.3 ”小结 


通过 不 懈 的 努力 ， 目 前 代码 看 起 来 已 经 比较 整洁 了 ， 各 个 类 分 工 明确 。 当 然 , 我 们 还 有 一 些 
优化 的 工作 可 以 做 ， 下 面 给 出 两 个 。 

(1) 将 用 到 的 律 量 放 到 一 个 公用 Sa h 中 。 然 后 将 GameConstants.h 包 含 到 
MTGame.h 中 ， 这 样 所 有 游戏 对 象 都 可 以 访问 这 些 常 


#ifndef __GAME CONSTANTS H 


#define __GAME CONSTANTS H_ _ 


typedef enum { 

kDown = 0,// 问 下 方 问 
kLeft = 1,/ /向 左 方向 
kKRight= 2,// 向 右 方向 
kUp = 3,// 向 上 方向 
kNormal, 


} HeroDirection;yy/ /勇士 方向 


typedef enum 

{ 
kNone = 1,// 可 以 通行 
kWall,; 77 墙 
KEnemy，/ /敌人 

} CollisionType;// 人 页 接 类 型 


typedef enum 
{ 


aDone = 0,// 同 下 行走 动画 
aLeft,/ /向 左 行走 动画 
aRight，,// 向 右 行走 动画 

aUp, // 癌 上 行走 动画 
} AnimationKey;// 动 画 模板 键 值 


#endif 
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(2) 创建 不 同 的 文件 夹 ， 将 类 再 继续 分 类 。 我 的 归 类 方式 如 图 11-1 所 示 。 


… 访 y util 


i cd AppDelegate.cpp 


日 图 [DE MDE 
: 日 蒿 Classes 
| 日 - 访 game 


鸭 GameMap.cpp 
昌 种 GameMap.h 

… C1 Hero.cpp 

i 网 Hero.h 


… 茧 layer 


: C1] ControlLayer.cpp 
~ [nh] ControlLayer.h 
cj GameLayer.cpp 
因 Ih| GameLayerh 


J].-… 蓓 scene 


鸣 GameScene.cpp 

: ”加 GameScene.h 

be c] HelloWorldScene.cpp 
四 HelloWorldScene.h 


-cj AnimationManager.cpp 
Ih] AnimationManagerh 
cm Global.cpp 
加 Globalh 
时 in| Singleton.h 


hn AppDelegate.h 


四 GameConstants.h 


种 MTGame.h 


将 类 归 类 到 不 同文 件 夹 下 


将 类 移动 到 不 同文 件 夹 后 ， 还 需要 修改 MTGame.h 中 对 应 头 文件 的 路 径 ， 
在 AnimationManagerh 和 Globalh 之 前 声明 ， 防 止 编 译 时 找 不 到 基 类 ; 


#ifndef MTGAME H 
#define MTGAME H 


#include "cocos2d.h" 


#include "GameConstants.h" 


#include "layer/ControlLayer.h" 


#include "layer/GameLayer.h'" 


#include "Scene/GameScene .hn 


#include "game/GameMap.h" 


#include "game/Hero.h" 


#include "util/Singleton.h" 
#include "util/AnimationManager.h'" 


#include "util/Global.h" 


#endif 


现在 对 代码 的 重 构 工 作 终于 告 一 段落 了 ， 让 我 们 总 结 一 


下 前 面 的 工作 。 


注 


En 
于 
EAD 


Singleton.h 要 


”11.2 添加 更 多 游戏 元 素 


(1) 首先 将 HellowWorldScene 类 拆 分 为 CameScene 和 GameLayer。 分 离 出 了 功能 相对 单一 
的 GameScene 类 ， 用 于 创建 游 戏 场景 。 

(2) 然后 我 们 从 GameLayer 类 中 分 离 出 了 GameMap 类 。 将 游戏 地 图 的 创建 、Tilemap 和 
cocos2d-x 坐 标 系 的 转换 以 及 碰撞 检测 方法 包 沪 在 了 GameMap 类 中 。 

(3) 接 下 来 创建 了 一 个 Hero 类 ， 继承 于 CCNode， 其 中 包含 了 一 个 用 于 显示 勇士 主体 的 
CCSprite， 未 来 可 以 包 舍 更 多 依附 于 勇士 主体 的 精灵 。 同 时 ，Hero 类 提供 了 静态 的 创建 实例 的 
方法 和 加 各 个 方 问 移动 的 方法 。 

(4) 随后 ， 写 了 一 个 模板 容器 类 Singleton 用 来 实现 单 例 模式 ， 并 以 此 制作 了 动画 党 理 磊 。 
达到 了 让 各 个 游戏 对 象 可 以 方便 创建 动画 的 目的 。 又 根据 Singleton 类 创建 了 Global 类 ， 方 便 
游戏 对 象 之 间 的 相互 访问 ， 并 且 把 一 些 第 量 提 取 到 cameConstants 文 件 中 。 

(5) 最 后 ， 将 控制 按钮 从 GameLayer 提 取出 来 ， 放 到 了 控制 层 ControlLayer 中 。 在 
GameScene 中 将 ControlLayer 放 置 于 CameLayer 上 方 。 

这 一 区 我 们 虽然 没有 添加 任何 新 功能 , 但 是 还 是 很 有 意义 ， 因为 一 方面 可 以 进一步 消化 以 前 
的 代码 ， 另 一 方面 还 对 以 后 游戏 功能 的 扩展 商定 了 坚实 的 基础 。 


11.2 ”添加 更 多 游戏 元 素 


目前 我 们 的 勇士 只 能 在 空旷 的 地 图 上 来 回 乱 转 ， 既 不 能 与 怪物 进行 战斗 ， 也 无 法 拾取 物品 ， 
也 不 能 和 NPC 对 话 等 。 这 一 市 的 目的 就 是 癌 游 戏 内 添 加 更 多 的 元 碌 , 丰富 游 戏 内 容 , 增加 可 玩 性 ， 
如 图 11-2 所 示 。 


图 11-2 ”为 游戏 添加 更 多 元 到 
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11.2.1 添加 怪物 


魔 塔 的 地 图 上 充满 了 强 弱 不 一 的 怪物 ,它们 都 是 勇士 的 敌人 。 勇 士 必须 打败 它们 才能 不 断 地 
探索 地 图 的 未 知 区 域 。 这 一 让 ,我们 将 依次 讨论 以 下 内 容 : 如 何在 TiedMap 上 绘制 怪物 ， 如 何 让 
怪物 动 起 来 ， 如 何 让 勇士 过 到 怪物 时 可 以 战斗 ， 以 及 如 何 设 定 怪物 的 属性 等 。 


1. 在 地 图 上 绘制 怪物 

打开 Tiled 编 辑 器 ， 载 入 我 们 一 开始 绘制 的 0.tmx 地 图 。 在 图 层面 板 中 选择 添加 块 层 ， 创 建 完 
毕 后 重 命名 为 enemy， 置 于 wall 层 的 上 方 。 将 怪物 动画 素材 enemypng (图 11-3 所 示 的 是 素材 的 部 
分 截图 ) 复制 到 工程 的 Resource 目 录 下 。 
二 二 二 党 
@@ee@ 
oo 三 oo 二 oo 
CO 


11-3 怪物 动画 素材 


选择 末 单 栏 中 的 “地 图 一 新 图 块 "， 导 入 enemy.png。 现 在 束 可 以 使 用 新 导入 的 素材 在 enemy 
图 层 上 绘制 怪物 了 , 请 充分 发 挥 你 的 想象 力 吧 。 图 11-4 所 示 的 古 我 在 地 图 上 添加 完 怪 物 后 的 效 末 。 


11-4 在 游戏 地 图 上 添加 怪物 
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11.2 添加 更 多 游戏 元 素 


让 我 们 先 运 行 下 族 戏 ， 看 看 效 末 ， 发 现 怪物 已 经 锌 正确 地 绘制 到 地 图 上 了 ， 如 图 11-5 所 示 。 
但 是 让 人 郁闷 的 征 ， 怪 物 都 是 静止 不 动 的 ， 好像 纸 万 一 样 贴 在 地 图 上 。 下 面 我 们 束 想 办 法 让 地 图 
上 的 图 块 动 起 来 。 


下 | MTGame 


11-5 ”添加 怪物 后 的 游戏 运行 界面 


2. 添加 怪物 动画 

怪物 在 地 图 上 的 位 置 是 不 变 的 , 但 它们 都 有 对 应 的 原 地 站 立时 的 动画 。 大 家 可 能 想到 使 用 前 
面 创建 的 动画 管理 絮 来 创建 动画 模板 ,然后 播放 各 个 怪物 精灵 的 动画 。 这 样 做 没 错 , 但 是 想 想 就 
贤 得 打 烦 : 如 采 有 100 种 怪物 的 话 ， 难 道 要 定义 100 个 动画 模板 吗 ? 答案 是 否定 的 。 那 么 该 如 何 实 
现 怪物 原 地 站 立 的 动画 呢 ” 从 提供 的 怪物 图 片 过 材 可 以 发 现 ， 每 个 怪物 的 动作 由 4 帧 动画 组 成 ， 
且 每 帧 尺寸 一 致 ， 都 正好 是 一 个 图 块 的 大 小 。 是 否 可 以 定时 地 更 新 怪物 对 应 的 图 块 ， 从 而 产生 动 
画 的 效果 ?结论 是 可 以 。cocos2d-x 工 程 下 tests 项 目 中 的 TMXReadWriteTest 例 子 演示 了 如 何 动 态 改 
变 TileMap 上 的 图 块 ， 以 及 用 定时 器 不 停 地 重复 更 新 图 块 的 工作 。 关 键 代码 如 下 : 

/ /创建 定时 器 ， 反 复 更 新 图 块 


schedule(schedule selector (TMXReadWriteTest::repaintWithGID), 2.0f); 


vOoid TMXReadWriteTest::repaintWithGID(ccTime dt) 
{ 


// 获 TileMap 地 图 对 象 

CCTMXTiledMap *map = (CCTMXTiledMap*)getChildByTag (kTagTileMap);} 
/ /获取 第 0 层 

CCTMXLayer *layer = (CCTMXLayer*)map->getChildByTag (0); 

CCSize s = layer->getLayerSize(),; 
/ /遍历 一 行 
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for( int x=0; x<s.width;x++) 
{ 
/ /倒数 第 二 行 
int y = (int)s.height-1; 
/ /获取 指定 位 置 当 前 的 图 块 ID 
unsigned int tmpgiqd = layer->tileGIDAt( ccp((float)x, (float)y) ); 
/ /更 新 指定 位 置 的 图 块 ID 


layer->setTileGID(tmpgid+1, ccp( (float)x, (float)y)); 


} 

明白 了 上 面 的 代码 我 们 就 对 实现 怪物 动画 有 清晰 的 思路 了 : 创建 一 个 定时 絮 , 在 定时 带 中 所 
历 所 有 怪物 ， 令 其 图 块 了 加 一 ， 如 有 动画 完成 ， 则 将 图 块 ID 置 回 彻 始 的 数值 。 

下 面 请 大 家 思 芳 一 下 如 何 遇 历 所 有 怪物 呢 ? 由 于 过 历 方法 需要 在 定时 替 中 调用 , 就 必须 尽 可 
能 优化 其 速度 。tests 中 的 例子 使 用 了 二 维 数组 的 过 历 。 但 设想 一 下 ， 如 采 地 图 很 大 ， 允 历 起 来 会 
很 耗 时 。 另 外 ,怪物 的 分 布 定 稀 踊 的 ， 二 维 数组 中 的 大 部 分 元 系 都 有 可 能 为 空 。 所 以 直接 在 定时 
租 中 过 历 地 图 上 的 每 个 格子 是 不 明智 的 。 

那么 我 们 可 以 在 地 图 初始 化 完毕 后 ， 先 做 一 个 预 处 理 : 将 每 个 怪物 的 方位 ,初始 时 的 图 块 ID 
存放 到 一 个 数组 中 。 然 后 在 定时 塔 中 允 历 这 个 数组 就 可 以 了 。 

首先 创建 一 个 Enemy 类 ， 用 于 存放 怪物 的 方位 和 初始 的 图 块 ID， 将 来 还 会 存放 怪物 的 属性 等 


HB Ch: 


#ifndef _ENEMY H_ 
#define _ENEMY H_ 


#include "cocos2d.h" 
using namespace cocos2d:; 


class Enemy : public CCObject 
{ 
public: 
Enemy (void); 
~Enemy (void); 
/ /怪物 在 TileMap 上 的 方位 
CCPoint position; 
/ /怪物 初始 的 图 块 ID 
int startGID; 
上 


#endif 

然后 修改 GameMap 的 初始 化 方法 ， 遍 历 TileMap 上 的 所 有 怪物 ， 生 成 Enemy 对 象 ， 添 加 到 一 
个 CCMutabalaArray 中 。 随 后 局 动 一 个 定时 右 ， 每 隔 0.2 s 更 新 一 次 怪物 动画 。 有 具体 代码 如 下 : 

/ /TliedMap 额 外 的 初始 化 方法 


void GameMap: :extraInit() 


\ 
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11.2 添加 更 多 游戏 元 素 


/ /开启 备 个 图 层 的 纹理 抗 锯 齿 
enableAnitiAliasForEachLayer (); 


/ /初始 化 地 板 层 和 墙壁 层 对 象 


floorLayer = this->layerNamed ("floor"),;} 
wallLayer = this->layerNamed ("wall"); 

/ /获取 怪物 层 

enemyLayer = this->layerNamed ("enemy"); 
CCSize s = enemyLayer->getLayerSize();} 
enemyArray = new CCMutableArray<Enemy*>(); 
// 裔 历 enemy 层 ， 将 存在 的 怪物 保存 到 数组 中 

for (int x = 0; x < s.width; x++) { 


for (int y = 0; y < s.height; y++) { 
int gid = enemyLayer->tileGIDAt (ccp (x, y));} 
if (gid != 0) { 


Enemy *enemy = new Enemy();} 
/ /保存 怪物 坐标 
enemy->position = ccp(x, y); 


/ /保存 怪物 起 始 的 图 块 ID 
enemy->startGID = gid; 
/ /添加 怪物 对 象 到 数组 


enemyArray->addObject (enemy); 


} 
/ /用 于 更 新 敌人 动画 


schedule(schedule selector (GameMap: :updateEnemyAnimation), 0.2f); 


} 


在 updateEnemyAnimation 中 ， 需 要 遍历 enemyArray， 并 计算 动画 下 一 帼 对 应 的 图 块 ID， 
具体 代码 如 下 : 


// 更 新 怪物 的 图 块 
Vold GameMap: :updateEnemyAnimation(ccTime dt) 
{ 
CCMutableArray<Enemy*>: :CCMutableArraylterator iter; 
Enemy *enemy; 
/ /遍历 保存 所 有 人 怪物 对 象 的 数组 
for (iter = enemyArray->begin(); iter != enemyArray->end(); ++iter) { 
enemy = *iter; 
if (enemy != NULL) { 
/ /获取 怪物 当前 的 图 块 ID 
int gid = enemyLayer->tileGIDAt (enemy->position);} 
gid++; 
/ /如 果 下 一 个 图 块 ID 起 始 图 块 ID 


if (gid - enemy->startGID > 3) { 


gid = enemy->startGID; 
} 
/ /给 怪物 设置 新 的 图 块 
enemyLayer->setTileGID(gid, enemy->position); 
} else { 
break; 
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现在 编译 运行 代码 ， 发 现 地 图 上 的 怪物 们 都 动 起 来 了 。 注意 ,在 GameMap 的 析 构 方法 里 要 释 
放 enemyArray 和 定时 絮 : 


GameMap: :~GameMap (void) 

{ 
this->unscheduleAllSelectors(); 
enemyArray->release();} 


3. 与 怪物 进行 战斗 

这 一 节 的 目标 是 实现 勇士 与 怪物 战斗 的 效 末 。 我 们 希望 勇士 在 遭遇 敌人 时 ， 可 以 显示 战斗 动 
画 ， 并 且 怪 物 身 上 显示 被 打击 的 效果 ， 勇 士 头 上 冒 出 一 行文 字 提 示 损 失 的 生命 值 ， 战 斗 结 束 后 ， 
怪物 从 地 图 上 消失 。 

首先 我 们 准备 好 了 一 个 战斗 动画 效果 : 一 个 舞动 的 刀 光 ， 如 图 11-6 所 示 。 


图 11-6 舞动 的 刀 光 素 材 


它 实 际 起 作用 的 是 4, 6, 8, 10, 13, 15, 17, 19, 20, 22 帧 ， 并 且 第 17 帧 和 第 19 帧 在 7 方向 上 有 -8 的 
偏 移 量 。 在 GameConstants.h 中 新 增 一 个 动画 模板 键 值 aFight ， 然 后 在 动画 管理 器 中 新 增 一 个 方 
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法 createFightAnimation， 用 于 创建 战斗 动画 模板 : 
/ /创建 战斗 动画 模板 


CCAnimation *AnimationManager: :createFightAnimation'() 
{ 
/ /定义 每 帧 的 序号 
int fightAnim[] = 
{ 
4,6,8,10,13,15,17,19,20,22 
1 


Llsg 


添加 更 多 游戏 元 素 


CCMutableArray<CCSpriteFrame *> *animFrames = new CCMutableArray<CCSpriteFrame*>(); 
CCTexture2D *texture = CCTextureCache: :sharedTextureCache()->addImage ("sword.png"); 


CCSpriteFrame *frame; 
int x, y; 
for (an 1 = 0 1 < 10; 1++) 
{ 
/ /计算 每 帧 在 整个 纹理 中 的 偏 移 量 
x = fightAnim[i|] S$ 5 - 1; 


y = fightAnim[i] / 5; 
frame = CCSpriteFrame: :frameWithTexture (texture., 
192*y, 192, 192)); 

// 第 17 帧 和 第 19 帧 在 yx 方向 上 有 -8 的 偏 移 量 

If (fightAnim[i] == 17 || fgnhtAnim[1I] == 19) 
{ 


frame->setOffsetInPixels( ccp(0, -8) ); 

} 

animFrames->addObject (frame).; 
} 
CCAnimation *animation = new CCAnimation();} 
animation->initWithFrames (animFrames, 0.1f).: 
animFrames->release();} 
return animation; 


} 


CoOcos2Q: :CCRectMake (192*x, 


先 把 准备 好 的 刀 光 动 画 放 在 一 边 , 下 面 我 们 来 实现 勇士 遇 到 怪物 时 的 检测 碰撞 。 方法 与 检测 
墙壁 碰撞 基本 一 臻 :将 勇士 移动 的 目标 位 置 由 cocos2d-x 坐 标 系 转换 为 TileMap 坐 标 系 ， 通 过 
CCTMXLayer 的 tileGIDAL 方 法 获得 图 块 ID ， 判 断 磁 撞 类 型 。 修 改 GameMap 的 checkCollision 


方法 如 下 : 
/ /判断 碰撞 类 型 


CollisionType Hero: :checkCollision (CCPoint heroPosition,) 


{ 
//cocos2d-x 坐 标 转 换 为 Tilemap 坐 标 


targetTileCoord = sGlobal->gameMap->tileCoordForPosition (heroPosition).;} 

/ /如 果 和 勇士 坐标 超过 地 图 边界 ， 返 回 KkWall 类 型 阻止 其 移动 

if (heroPosition.x<0 || targetTileCoord.x > sGlobal->gameMap->getMapSize() .width 
-1 || targetTileCoord.y < 0 || targetTileCoord.y > sGlobal->gameMap->getMap- 
Size() .height =- 1) 


return kWall; 
/ /获取 墙壁 层 对 应 坐标 的 图 块 ID 
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int tileGid = sGlobal->gameMap->getWallLayer()->tileGIDAt (targetTileCoord);} 
/ /如 琳 图 块 ID 不 为 0"， 表 示 有 墙 
if (tileGid) f 
return kWall; 
} 
/ /获取 怪物 层 对 应 坐标 的 图 块 ID 
tileGid = sGlobal->gameMap->getEnemyLayer()->tileGIDAt (targetTileCoord);} 
/ /如 琳 图 块 ITD 不 为 0， 表 示 有 人 怪物 
if (tileGid) f{ 
/ /开始 战斗 
fight(); 
return kEnemy; 
} 
/ /可 以 通行 
return kNone; 


) 

其 中 fight 方 法 封装 了 勇士 和 怪物 开始 战斗 后 的 逻辑 ， 包 括 显示 怪物 受 打 击 的 效果 ,播放 战斗 动 
画 ， 显 示 损 失 的 生命 值 等 。 

第 一 步 先 来 实现 怪物 受 打击 效果 一 一 每 隔 0.4 s 显 示 一 次 红色 的 状态 ， 共 重复 3 次 。 我 们 在 
GameMap 中 新 建 一 个 方法 showEnemyHitEffect， 根据 入 参 怪物 在 TileMap 上 所 在 的 坐标 取得 对 
应 位 置 的 CCSprite 对 象 , 调用 一 个 间隔 为 0.2 s 的 定时 器 , 将 CCSprite 对 象 的 颜色 在 白色 和 红色 
之 间 切 换 ， 反 复 切 换 5 次 后 取消 定时 器 。 具 体 代 码 如 下 : 


/ /显示 怪物 打击 动画 
Void GameMap: :showEnemyHitEffect (CCPoint tileCoorgd) 
{ 


/ /更 新 次 数 
fightCount = 0; 
/ /获取 怪物 对 应 的 CCSprite 对 象 
fightingEnemy = enemyLayer->tileAt (tileCoord);} 
if (fightingEnemy == NULL) 
return; 
/ /设置 怪物 sprite 闫 色 为 红色 
fightingEnemy->setColor (CCRED) ; 
/ /启动 定时 器 更 新 打击 状态 


this->schedule(schedule _ selector (GameMap: :updateEnemyHitEffect), 0.18f); 


} 
/ /更 新 怪物 战斗 时 的 颜色 状态 
Void GameMap: :updateEnemyHitEffect (ccTime dt) 
{ 
/ /更 新 次 数 加 一 
fightCount++i; 
If (fightCount % 2 == 1) f{ 
/ /设置 怪物 精灵 颜色 为 白色 
fightingEnemy->setColor (CCWHITE ) ; 
} else { 
/ /设置 怪物 精灵 颜色 为 红色 
fightingEnemy->setColor (CCRED) ; 
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} 
/ /切换 5 次 后 取消 定时 如 
if (fightCount == 5) 
{ 
unschedule(schedule_ selector (GameMap: :updateEnemyHitEffect) 


} 


第 二 步 我 们 希望 在 战斗 的 同时 ， 勇 士 头 上 会 飘 出 一 行文 字 ， 即 诸如 “生命 


添加 更 多 游戏 元 素 


) 


值 : 一 100” 类 的 


提示 。 在 GameLayer 中 实现 一 个 公有 方法 showTip， 创建 一 个 CCLabelTTF 对 象 ， 让 它 执行 辣 上 
移动 进 和 入、 停顿、 淡出 的 动画 序列 。 在 动画 结束 的 回调 函数 中 ， 将 CCLabelTTF 对 和 象 删 除 。 


/ /显示 提示 信息 
Vold GameLayer: :showTip (const char *tip, CCPoint startPosition,) 
{ 
/ /新 建 一 个 文本 标签 
CCLabelTTF *tipLabel = CCLabelTTF::labelWithString (tip, "Arial 
tipLabel->setPosition(ccpAdd(startPosition, ccp(16, 16))); 
this->addChild(tipLabel, kZTip,kZTipP); 
// 定 义 动画 效 朱 
CCAction *action = CCSeduence: :actions ( 
CCMoveBy: :actionWithDuration(0.5f, ccp(0, 32)), 
CCDelayTime: :actionWithDuration(0.5f), 
CCFadeOut::actionWithDuration(0.2f), 


CCCallFuncN: :actionWithTarget (this, callfuncN selector (GameLayer: 


NULT ) ; 
tipLabel->runAction(action); 
} 
/ /提示 消息 显示 完 后 的 回调 
Vold GameLayer: :onShowTipDone (CCNode* pSender) 
{ 


// 删 掉 文 本 标签 
this->getChildByTag (kZTip) ->removeFromParentAndCleanup (true).; 
} 


和 


:OnShowTipDone) ) ， 


第 三 步 我 们 来 实现 战斗 时 的 动画 效果 ， 这 时 之 前 准备 好 的 刀 光 动 画 就 可 以 派 上 用 场 了 。 在 
heroInit 方 法 中 定义 一 个 空 的 CCSprite 用 于 显示 战斗 动画 , 在 fignt 方 法 中 ,让 该 精灵 执行 定 


义 好 的 刀 交 动画 ， 在 战斗 结束 的 回调 函数 中 ， 删 除 怪 物 对 应 位 置 的 图 块 。 


果 以 及 损失 生命 值 的 方法 也 在 下 面 列 出 。 注 意 , 方法 的 开头 会 判断 勇士 是 否 
果 是 ， 则 不 啊 应 新 的 战斗 请 求 。 
/ /开始 战斗 


void Hero: :fight() 
{ 
/ /已 经 在 战斗 中 ， 避 人 免 重复 战斗 
if (isHeroFighting) 
return; 
lsHeroFighting = true; 
/ /显示 怪物 受到 打击 的 效果 


sGlobal->gameMap->showEnemyHitEffect (targetTileCoord);} 


显示 怪物 打击 效 
经 在 战斗 状态 ， 如 
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/ /显示 损失 的 生命 值 ， 先 用 假 数 据 替 代 一 下 
char temp[30] = {0}; 
sprintf (temp, "lost hp: -$d", 100); 
sGlobal->gameLayer->showTip (temp, getPosition()).; 
/ /将 用 于 显示 战斗 动画 的 精灵 设置 为 可 见 
fightSprite->setIsVisible(true); 
// 计 算 显 示 战 斗 动 画 的 位 置 为 勇士 和 怪物 的 中 间 点 
CCPoint pos = ccp( (targetPosition.x - getPosition().x) /2 + 16, (targetPosition.y 
- getPosition().y) / 2 + 16); 
fightSprite->setPosition(pos); 
/ /创建 战斗 动画 
CCACtion *action = CCSequence: :actions!l 
sAnimationMgr->createAnimate (aFight), 
CCCallFuncN: :actionWithTarget (this,callfuncN_ selector (Hero: :onFightDone),),, 
NULL); 
fightSprite->runAction(action); 


/ /战斗 结束 的 回调 


void Hero: :onFightDone (CCNode *pSender) 


\ 


注 


/ /删除 怪物 对 应 的 图 块 ， 表 示 已 经 被 消炎 
sGlobal->gameMap->getEnemyLayer()->removeTileAt (targetTileCoord); 
lsHeroFighting = false; 


意 ， 在 战斗 结束 后 ， 除 了 从 TileMap 地 图 上 删除 图 块 以 外 ， 还 需要 更 新 GameMap 中 保存 怪 


物 对 象 的 数组 esnemyaArray。 了 最 好 不 要 直接 删除 ， 因 为 有 一 个 定时 器 在 不 停 地 更 新 怪物 动画 ， 正 
确 的 方法 是 在 updateEnemyaAnimation 中 判断 是 否 有 怪物 的 图 块 了 为 0， 有 则 说 明 已 经 被 删除 
了 ， 记 录 下 此 元 素 ， 在 循环 外 再 进行 删除 操作 。 修 改 updateEnemyaAnimation 方 法 如 下 : 

// 更 新 怪物 的 图 块 


Void GameMap: :updateEnemyAnlmat1lonl(ccTime dt) 
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CCMutableArray<Enemy*>: :CCMutableArrayliterator iter; 
Enemy *enemy, *needRemove = NULL,; 
/ /遍历 保存 所 有 人 怪物 对 象 的 数组 
for (iter = enemyArray->begin(); iter != enemyArray->end(); ++iter) { 
enemy = *iter; 
if (enemy != NULL) { 
/ /获取 怪物 当前 的 图 块 ID 
int gid = enemyLayer->tileGIDAt (enemy->position),;} 
/ /如 果 怪 物 被 删除 了 ， 需 要 把 它 在 enemyArray 中 也 删除 
i (gid =s= 0) 


{ 
needRemove = enemy; 
continue; 
} 

gid++; 


/ /如 果 下 一 个 图 块 ID 起 始 图 块 ID 
if (gid - enemy->startGID > 3) { 
gid = enemy->startGID; 


11.2 添加 更 多 游戏 元 素 


/ /给 怪物 设置 新 的 图 块 
enemyLayer->setTileGID(gid, enemy->position); 


} 


} 

/ /删除 被 消灭 的 怪物 

1If (needRemove != NULL) { 
enemyArray->removeObject (needRemove, true); 


} 


} 
现在 可 以 很 高 兴 地 通知 大 家 ， 这 一 攻 的 目标 已 经 基本 达成 ! 编译 运行 程序 , 现在 我 们 的 小 勇 
十 终于 可 以 与 怪物 战斗 了 。 


11.2.2 添加 物品 和 门 


上 一 廊 中 ， 我 们 在 TileMap 地 图 上 添加 了 人 怪物， 并 且 实 现 了 勇士 与 怪物 战斗 的 效 灯 。 这 一 市 
会 继续 疝 游 戏 地 图 中 添加 更 多 的 元 素 ， 包括 各 种 物品 和 | 门 。 物 品 有 诸如 血 瓶 、 角 是、 各 种 着 具 和 
淡 备 之 类 ， 勇 士 可 以 拾取 物品 ， 并 获得 相应 的 属性 提升 或 技能 ， 而 门 只 有 3 种 ， 责 门 、 蓝 门 和 红 
门 ， 分 别 用 对 应 颜色 的 钥匙 才能 打开 。 


1. 在 地 图 上 绘制 物品 和 门 
切换 到 Tiled 编 辑 器 ， 打 开 游 戏 地 图 文件 0.tmx。 首 先 添加 两 个 块 层 item 和 door， 分 别 用 于 绘制 
物品 和 门 。 将 素材 item.png (图 11-7) 和 doorpng (图 11-8) 复制 到 工程 的 Resource 目 如 下 。 


| 站 | “J 站 
图 11-7 部 分 物品 的 素材 图 11-8 ” 门 的 素材 
选择 采 单 栏 中 的 “地 图 一 新 图 块 "，, 导入 两 个 图 片 素材 ,然后 就 可 以 绘制 物品 和 门 了 。 图 11-9 
所 示 的 是 我 画 的 地 图 。 
接 下 来 直接 运行 游戏 ， 我 们 发 现 地 图 现在 充实 多 了 ， 有 点 真正 游戏 的 样子 了 ， 如 图 11-10 
所 示 。 


2. 添加 物品 
我 们 希望 在 勇士 遇 到 地 图 上 的 物品 时 ， 头 上 会 冒 出 一 行文 字 说 明 ， 如 “获取 小 血 翔 ， 生 合 
+100”， 然 后 将 地 图 上 的 物品 移 除 ， 并 增加 到 勇士 自己 的 背包 当中 。 下 面 来 看 代码 实现 。 
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图 11-9 在 游戏 地 图 上 添加 物品 和 门 


11-10 添加 物品 和 门 后 的 游戏 运行 固 面 


首先 要 在 GameConstants.h 中 增加 一 种 碰撞 类 型 kItem, 接着 为 CGameMap 类 增加 获取 ijtemLayer 
的 方法 : 
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11.2 添加 更 多 游戏 元 素 


CC_PROPERTY_READONLY (CCTMXLayer*, itemLayer, ItemLayer); 

记得 要 在 sxtraInit 方 法 中 为 itemLayer 和 doorLayer 赋 值 : 

itemLayer = this->layerNamed ("item"); 

然后 在 Hero 的 checkCollision 方 法 中 添加 itemLayer 的 碰撞 检 测 ， 方 法 与 墙壁 和 怪物 的 
人 页 撞 检测 一 致 : 


/ /获取 物品 层 对 应 坐标 的 图 块 ID 
tileGid = sGlobal->gameMap->getItemLayer()->tileGIDAt (targetTileCoord);} 
// 如 朱 图 块 ID 不 为 0， 和 表示 有 物品 
if (tileGid) f 
/ /拾取 物品 
pickUpItem(); 
return kItem; 


} 
目前 我 们 没有 对 物品 进行 区 分 。 未 来 的 拾取 物品 逻辑 可 以 在 这 个 方法 中 补充 , 根据 物品 的 ID 
在 地 图 上 显示 不 同 的 提示 语 ， 以 及 获得 不 同 的 功效 等 。pickUpItenm 方 法 的 实现 如 下 : 


/ /拾取 物品 
Vold Hero: :pickUpItem!() 
{ 


/ /显示 提示 消息 
sGlobal->gameLayer->showTip("get an item, hp +100", this->getPosition()); 


/ /将 物品 从 地 图 上 移 除 


sGlobal->gameMap->getItemLayer()->removeTileAt (targetTileCoord); 


我 们 还 需要 对 Hero 的 move 方 法 稍 作 修 改 , 目前 在 checkcol1ision 返 回 不 为 kNone 类 型 时 ， 
就 不 允许 勇士 移动 。 但 拾取 物品 时 ， 勇 士 仍然 可 以 行走 ， 所 以 需要 修改 判断 是 否 允 许 移动 的 条 件 
为 kwal1 和 KkEnemy 时 禁止 移动 ， 而 kNone 和 KItem 时 人 允许 勇士 通行 : 

// 调 用 checkcollision 检 测 磁 撞 类 型 ， 如 果 是 墙壁 或 怪物 ， 则 只 需要 设置 勇士 的 朝向 


CollisionType collisionType = checkCollision (targetPosition).; 
If (collisionType == kWall || collisionType == kEnemy) 
{ 


setFaceDirection( (HeroDirection)direction).; 
return; 


3. 添加 门 

在 地 图 上 添加 门 的 方法 仍然 与 添加 墙壁 、 怪 物 和 物品 的 方法 基本 相同 。 不 同 之 处 是 ， 勇 士 在 
执行 打开 门 的 操作 后 ， 门 需要 播放 一 段 打开 的 动画 。 

还 是 一 步 一 步 来 ， 在 GameConstants.h 中 增加 一 种 磁 撞 类 型 kDoor。 在 GameMap 中 增加 
doorLayer 的 相关 人 代码， 包括 初 始 化 和 get 方 法 。 这 里 就 不 再 列 出 了 。 接 下 来 修改 Hero 的 
checkCollision 方 法 ， 增 加 门 的 碰撞 检测 |: 
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// 获 取 门 层 对 应 坐标 的 图 块 ID 
targetTileGID = sGlobal->gameMap->getDoorLayer()->tileGIDAt (targetTileCoord);} 
/ /如 琳 图 块 ITD 不 为 0， 表 示 有 | 
if (targetTileGID) { 
// 打 开门 
openDoor (targetTileGID).; 
return kDoor:; 


} 


openDoor 方 法 的 实现 如 下 ， 其 中 我 们 需要 保存 正在 打开 的 门 的 图 块 ID， 在 更 新 动画 时 需 
用 到 。 然 后 开启 一 个 定时 器 每 隔 0.1 s 更 新 门 的 动画 。 
// 打 开门 


Vold Hero: :openDoor (InL gid) 
{ 
/ /如 果 门 正在 被 开局 ， 则 返回 
if (isDoorOpening) 
return; 
/ /保存 正在 被 开启 的 门 的 初始 GID 
targetDoorGID = gid; 
lsDoorOpening = true; 
/ /定时 器 更 新 门 动画 


schedule(schedule selector (Hero: :updateOpenDoorAnimation), 0.1f); 


} 


在 upaateopenDooraAnimation 方 法 中 ， 先 计算 下 一 帧 的 图 块 ID。 ee nn 
每 帧 的 位 置 来 计算 . en ea 拿 黄 门 举例 ， 第 1 行 第 1 列 为 第 1 帆 的 
图 块 ， 假 设 其 了 D 为 startGID， 那 么 第 2 行 相应 位 置 的 图 块 ID 就 为 startGID+4， 第 3 帧 和 第 4 帧 的 
ae 计算 出 下 一 帧 的 图 块 卫 后， 判断 其 是 否 超过 
startGID+12， 是 则 说 明 动 画 结 束 ， 可 以 将 门 从 地 图 上 删除 ， 并 且 取 消 定时 如 ， 否 则 更 新 动画 
至 下 一 帧 。 

// 更 新 开门 动画 


void Hero: :updateOpenDoorAnlimat1lonl(ccTime dt) 


{ 


/ /计算 动画 下 一 帆 的 图 块 TD，TileMap 的 图 块 编写 方式 是 横 问 递增 1， 所 以 每 列 相同 的 位 置 的 图 块 TD 相 差 了 
/ /每 行 图 块 的 个 数 

int nextGID = sGlobal->gameMap->getDoorLayer()->tileGIDAt (targetTileCoord) + 4; 
// 如 采 超 过 了 第 4 帧 动画 ， 就 将 当前 位 置 的 图 块 删除 ， 并 取消 定时 器 


if (nextGID - targetDoorGID > 4 * 3) f{ 


sGlobal->gameMap->getDoorLayer()->removeTileAt (targetTileCoord); 
unschedule(schedule selector (Hero: :updateOpenDoorAnimation)).;} 
isDoorOpening = false; 

} else { 


/ /更 新 动画 至 下 一 帧 


sGlobal->gameMap->getDoorLayer()->setTileGID (nextGID, targetTileCoord);} 
} 
最 后 ， 还 要 修改 一 下 HeroH 鸭 move 方 法 ， 将 过 到 门 的 情形 归结 到 禁止 勇士 移动 的 种 类 中 : 
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11.2 添加 更 多 游戏 元 素 


// 调 用 checkcollision 检 测 磁 撞 类 型 ， 如 采 是 墙壁 、 怪 物 、 门 ， 则 只 需要 设置 勇士 的 绷 回 
CollisionType collisionType = checkCollision (targetPosition),; 
if (collisionType == kWall || collisionType == kEnemy || collisionType == kDoor) 
{ 

setFaceDirection( (HeroDirection)direction).; 

return; 


} 

到 目前 为 止 , 我 们 成 功 地 在 游戏 地 图 中 添加 了 物品 和 门 ,并 且 实 现 了 勇士 和 它们 之 间 的 交互 。 
相信 大 家 都 已 经 熟悉 了 在 TileMap 上 添加 元 素 的 方法 。 那 么 就 请 尽情 地 发 挥 想 象 力 ， 为 游戏 扩展 
更 丰 军 多 彩 的 功能 吧 。 


11.2.3 添加 对 象 层 


表面 两 疙 我 们 在 TiledMap 上 创建 图 层 的 时 候 ， 选 择 的 都 是 “ 诡 加 块 层  。 细 心 的 同学 可 能 发 现 
还 有 一 个 “添加 对 象 层 ”的 选项 。 对 象 层 有 什么 作用 呢 ? 我 们 前 面 创 建 的 怪物 、 物 品 和 门 ， 相 同 
元 素 在 游戏 中 的 行为 都 是 一 致 的 (相同 的 怪物 属性 一 致 ， 相 同 的 物品 功能 一 致 )， 所 以 用 重复 的 图 
块 来 表示 比较 方便 。 但 是 RPG 游 戏 中 包含 的 元 素 不 会 是 千篇一律 的 ， 很 可 能 一 个 游戏 对 象 的 行为 
是 独 有 的 。 最 典型 的 例子 就 是 RPG 中 的 NPC (Non-Player-Controlled Character) ， 每 个 NPC 都 会 有 自 
己 特 有 的 剧情 。 这 种 情形 下 ， 用 图 块 来 定义 这 些 对 象 的 行为 就 不 合适 了 。TileMap 对 象 层 的 元 素 可 
以 方便 地 配置 属性 ， 拥 有 自己 的 x、y 坐 标 及 尺寸 大 小 ， 非 第 适合 定义 有 独特 行为 的 游戏 元 素 。 除 
了 上 面 提 到 的 NPC， 还 有 魔 培 各 层 之 间 的 传送 门 和 勇士 的 出 生地 点 等 都 比较 适合 用 对 象 来 表示 。 


1. 添加 NPC 对 象 
下 面 通过 添加 一 个 NPC 来 演示 如 何 使 用 TileMap 的 对 象 层 。 我 们 准备 在 游戏 地 图 中 放 上 一 个 
仙子 ,可 以 和 她 进行 对 话 ,。 图 11-11 所 示 是 仙子 的 图 片 素 材 ,由 4 帧 的 动画 组 成 ,将 其 复制 到 Resource 


目录 下， 命名 为 npc.png。 
全 中 中 中 


图 11-11 仙子 的 图 片 素材 

打开 Tiled 编 辑 如 ,在 图 层面 板 中 添加 一 个 对 象 层 ， 重 命名 为 object。 选 中 object 图 层 ， 在 工具 
栏 中 选择 插入 对 象 按钮 ， 在 地 图 的 (4, 10) 处 放置 一 个 对 象 ， 宽 和 高 皆 为 1。 选 中 视图 菜单 中 的 对 齐 
网 格 选 项 ， 可 以 在 绘制 对 象 的 时 候 自动 对 齐 。 放 置 完毕 后 效果 如 图 11-12 所 示 ， 地 图 左下 角 的 灰 
色 方 框 就 是 NPC 对 象 : 

接 下 来 ， 选 择 工 具 栏 中 的 “选择 对 象 ”按钮 ( 见 图 11-13) ， 在 NPC 对 象 上 点 击 鼠 标 右键 ， 选 
择 对 象 属性 就 会 弹出 一 个 对 话 框 ， 可 以 在 里 面 配置 对 象 属性 。 请 按照 图 11-14 填 写 各 项 信息 ， 除 
了 对 象 的 名 称 和 类 型 ， 我 们 还 自 定义 了 3 个 键 值 对 :image 表 示 该 对 象 对 应 的 图 片 纹 理 ，rectx 
表示 在 纹理 中 的 起 始 x 坐 标 ，rectY 代 表 在 纹理 中 的 起 始 y 坐 标 。 
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11-12 在 地 图 上 放置 NPC 对 象 


sh 


位 置 大小 
' 
r i 


DEE 
选择 于 村 &]] 


图 11-13 选择 对 象 按钮 图 11-14 NPC 对 象 的 属性 配置 界面 


到 这 里 , 地 图 的 绘制 工作 基本 完成 了 , 保存 文件 , 开始 编写 代码 。 首先, 我 们 希望 用 一 个 NPC 
类 来 保存 上 述 配置 的 信息 ， 包 括 名 称 、 类 型 和 纹理 信息 等 。NPC 类 的 头 文件 如 下 : 


#ifndef 
#define 


#include 
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_NPC_H_ 
_NPC_H_ 


"MTGame.h" 


11.2 添加 更 多 游戏 元 素 


using namespace cocos2gd; 


Class NPC : public CCObject 
{ 
public: 
/ /构造 函数 中 要 根据 传递 的 属性 表 初 始 化 各 个 变量 
NPC (CCStringToStringDictionary *dict, int x, int y);} 
~NPC (void); 
// 用 于 显示 NPC 的 精灵 
CCSprite *npcSprite; 
/ /保存 在 TileMap 中 配置 的 name 项 
CCString *npcld; 
/ /NPC 所 在 的 TileMap 坐 标 
CCPoint position; 
// 图 片 纹理 的 文件 路 径 
CCString *imagepPpath; 
/ /纹理 的 rect 
CCRect rect,; 
/ /对 应 配置 中 的 type 项 
CCString *type; 


}; 

#endif 

NPC 类 的 具体 实现 方法 如 下 : 
#include "NPC.h" 


NPC: :NPC (CCStringToStringDictionary *dict, jint x, int y) 
{ 
/ /获取 名 称 
std::string key = "name",; 
npcId = dict->objectForkey (key); 
/ /获取 类 型 
key = "type"; 
type = dict->objectForkey (key); 
/ /获取 image 项 
Key = "image"; 
imagePath = dict->objectForkKkey (key); 
/ /获取 rectx 和 和 rectY 
Key = "rectx"; 
int xl1 = dict->objectForKkey (key)->toInt(); 


key = "rectY",; 
int yl = dict->objectForkey (key)->toInt(); 

rect = CCRectMake(xl, yl1l, 32, 32); 
//position 汶 cocos2d-x 坐 标 ，tileCoord 为 TileMap 华 标 


CCPoint position = ccp(x, y); 

tileCoord = sGlobal->gameMap->tileCoordForPosition(position); 

/ /创建 用 于 显示 NPC 的 精灵 

npcSprite = CCSprite: :spriteWithFile(imagePath->m sString.c str(), rect); 


npcSprite->setAnchorPoint (CCPointZero).;} 


npcSprite->setPosition(position); 
sGlobal->gameLayer->addChild(npcSprite, kZNPC); 
// 从 动画 管理 娟 中 根据 npcIdq 歼 取 动 画 ， 开 始 永 久 播放 
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CCAnimate *animation = sAnimationMgr->createAnimate(npclId->m sString.c str()); 
if (animation != NULL) { 
CCActionInterval *action = CCRepeatForever: :actionWithAction(animation);} 


npcSprite->runActionl(action); 


} 


NPC::~NPC (voidgd) 

{ 
/ /释放 CCString 对 象 
CC_SAFE RELEASE (npcId) 
CC_SAFE RELEASE (ijmagepath,) 
CC_SAFE _ RELEASE (type) 


} 


在 构造 函数 中 ， 我 们 创建 了 一 个 ccsprite 用 于 在 地 图 上 显示 NPC， 然 后 从 Animation- 
Manager 中 根据 npcId 取 得 对 应 的 动画 ， 让 CCcSprite 不 停 地 执行 。 动 画 对 应 的 图 片 素材 为 图 
10-27 所 示 。 在 AnimationManager 的 初始 化 方法 中 ， 加 载 此 动画 ， 具 体 代 码 如 下 : 


/ /加 载 NPC 动 画 


CCAnimationCache: :sharedAnimationCache()->addAnimation(createNPCAnimation(), "npc0"); 
createNPCAnimation 方 法 的 具体 实现 如 下 : 


CCAnimation *AnimationManager: :createNPCAnimation() 
{ 
CCTexture2D *heroTexture = CCTextureCache: :sharedTextureCache()—->addImage ("npc.png").; 
CCSpriteFrame *frame0, *framel, *frame2, *frame3; 
/ /第 二 个 参数 表示 显示 区 域 的 x,，y, width, height 
frame0 = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake(32*0, 0, 


S32 Ys 
framel = CCSpriteFrame: :frameWithTexture (heroTexture, Cocos2d: :CCRectMake (32*1, 0, 
327 32))» 
frame2 = CCSpriteFrame: :frameWithTexture (heroTexture, cocos2d: :CCRectMake (32*2, 0, 
2 7 GY) 
frame3 = CCSpriteFrame: :frameWithTexture (heroTexture, Cocos2d: :CCRectMake (32*3, 0, 
32, 32)); 


CCMutableArray<CCSpriteFrame *> *animFrames = new CCMutableArray<CCSpriterFrame*>(4); 


. 


7 


animFrames->addObject (frame0 


. 


7 


amnlImEFErames->addqopbject (framel 


7 


animFrames->addObject (frame2 


) 
) 
) 
) 


animFrames->addObject (frame3 


. 
7 


CCAnimation *animation = new CCAnimation().; 
animation->initWithFrames (animFrames, 0.2f): 


animFrames->release(); 


return animation:; 


} 

有 了 NPC 类 , 就 可 以 在 CameMap 的 初始 化 函数 中 读 取 object 层 中 的 所 有 对 和 象 , 将 它们 创建 成 为 
NPC 类 的 实例 。 我 们 新 建 了 一 个 ijnitobject 方 法 ， 用 于 初始 化 对 象 层 数据 。CCTMXTIledMap 类 
已 经 提供 了 相当 方便 的 方法 来 访问 对 象 层 内 的 所 有 对 象 以 及 它们 的 属性 。 对 象 的 属性 存放 在 
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11.2 添加 更 多 游戏 元 素 


CCStringToStringDictionary 变 量 中 ,可 以 通过 key 来 访问 对 应 的 value，。 


/ /人 彻 始 化 对 象 层 


void GameMap: :initObject() 
{ 


/ /初始 化 NPC 对 象 

npcDict = new CCMutableDictionary<int, NPC*>(); 

/ /获取 对 象 层 

CCTMXObjectGroup *group = this->objectGroupNamed ("object").;} 
/ /获取 对 象 层 内 的 所 有 对 象 


CCMutableArray<CCStringToStringDictionary *> *objects = group->getObjects(),; 
CCStringToStringDictionary *dict,; 


CCMutableArray<CCStringToStringDictionary*>: :CCMutableArraylterator 1it; 
/ /遍历 所 有 对 象 
for( it = objects->begin(); it != objects->end(); it++) 
{ 

dict = (*it).; 

if(!dict) 

break; 

std::string key = "x"; 

/ /获取 x 坐标 

int x = dict->objectForKey (key) ->toInt().; 

key = "y"; 

/ /获取 y 坐 标 

int y = dict->objectForKey (key)->toInt(); 

CCPoint tileCoord = tileCoordForPosition(ccp(x, y)); 

/ /计算 唯一 ID 

int index = tileCoord.x + tileCoord.y *this->getMapSize() .width; 


key = "type"; 

/ /获取 对 象 类 别 

CCString *type = dict->objectForkey (key); 
/ /如 果 类 型 是 NPC 对 象 

if (type->m sString == "npc")t 


NPC *npc = new NPC(dict, x, y); 
npcDict->setObject (npc, index); 


} 


最 后 ,我们 在 Hero 有 的 checkCol1lision 方 法 中 加 入 NPC 对 象 的 碰撞 检测 : 首先 根据 坐标 计算 
出 对 应 的 index， 然 后 根据 index 在 npcDict 中 查询 是 否 有 对 应 的 NPC 存 在 ， 如 果 存 在 则 与 NPC 
进行 交互 。 有 具体 代码 如 下 : 

// 从 NPC 字 典 中 查询 

int index = targetTileCoord.x + targetTileCoord.y *sGlobal->gameMap->getMapSize() .width; 

NPC *npc = sGlobal->gameMap->npcDict->objectForkey (index).; 


if (npc != NULL) 
{ 


actWithNPC().; 
return kNPC:; 
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为 简单 起 见 ， 仅 在 actwWithNPC 方 法 中 调用 gameLayer 的 showTip 方 法 显示 一 条 提示 信息 : 


// 与 NPC 交 互 
void Hero: :actWithNPC() 
{ 


sGlobal->gameLayer->showTip("talking with npc", getPosition()),; 
让 


至 此 ， 我 们 大 致 完成 了 在 游戏 内 添加 NPC 对 象 的 目标 。 虽 然 与 NPC 的 交互 目前 还 比较 简单 ， 
但 已 经 为 以 后 的 扩展 铺 好 了 道路 。 


2. 传送 点 及 地 图 切换 

魔 塔 游戏 与 其 他 的 RPG 一 样 ， 都 会 有 地 图 切换 的 需求 。 在 魔 塔 中 的 体现 形式 就 是 上 楼 和 下 
楼 的 传送 后 。 首 先 在 TiledMap 中 绘制 传送 点 。 打 开 Tiled 编 辑 带 ， 选 中 object 屋 ,选择 工具 栏 中 的 
“插入 对 象 ” 按 钮 ， 在 地 图 的 (6, 1) 处 创建 一 个 对 象 ， 编 辑 其 属性 如 图 11-15 所 示 ， 其 中 “类 型 * 
项 用 于 区 分 对 象 是 否 为 传送 点 ，heroTileCoordx 和 heroTileCoordY 定 义 了 勇士 在 目标 地 图 
中 出 现 的 坐标 ，targetMap 定 义 了 目标 地 图 的 层 数 。down_floor.png 是 用 来 显示 的 图 片 纹理 ， 如 
图 11-16 所 示 。 


: |teleport 


: |B. 000 


: |1.000 说 


名 称 值 
heroTileCoordi 2 
heroTileCoordY 11 


1mage down_floor. pne 


ar get 几 a 
储 前 悍 性 > 


dl 


图 11-15 ”传送 点 对 象 的 属性 配置 页 图 11-16 下 楼 传送 点 的 图 斤 素 材 
下 面 我 们 来 创建 releport 对 象 ， 用 于 记录 上 述 配置 信息 ， 有 具体 头 文件 如 下 : 
#ifndef __TELEPORT H 
#define _TELEPORT H 


#include "MTGame.h" 


usSing namespace cocos2gd; 
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class Teleport : public CCObject 


{ 


public: 


} 


Teleport (CCStringToStringDictionary *dict, int x, int y) 
~Teleport (void); 

/ /传送 点 所 在 位 置 

CCPoint tileCoord; 

/ /传送 到 目标 层 后 ， 勇 士 所 在 坐标 


CCPoint heroTileCoord; 


/ /目标 地 图 的 层 数 
int targetMap; 

/ /唯一 的 ID 

int index; 

// 图 片 纹理 的 文件 路 径 


CCString *imagePpath; 
CCSprite *teleportSprite; 


#endif 
Teleport 类 的 具体 实现 如 下 : 


#include "Teleport.h" 


| 


Teleport: :Teleport (CCStringToStringDictionary *dict, jint x, 
CCPoint position = ccp (x, y); 
/ /传送 点 所 在 的 TileMap 位 置 
tileCoord = sGlobal->gameMap->tileCoordForPosition(ccp (x 


/ /得 出 勇士 在 目标 层 的 起 始 位 置 

std::string key = "heroTileCoordx"; 

int xl1 = dict->objectForkey (key) ->toInt(); 
key = "heroTileCoordY"; 

int yl = dict->objectForKkey (key)->toInt(); 


heroTileCoord = ccp(xl, yl1); 


/ /取得 目标 地 图 的 层 数 


key = "targetMap"; 


targetMap = dict->objectForKkey (key) ->toInt (); 
/ /获取 ijmage 项 


key = "image"; 


imagePath = dict->objectForKkey (key); 
/ /创建 用 于 显示 Teleport 的 精灵 


11.2 添加 更 多 游戏 元 素 


. 
7 


int y) 


， y)); 


teleportSprite = CCSprite: :spriteWithrFrile(imagePath->m sString.c str()); 


teleportSprite->setAnchorPoint (CCPointZero);} 
teleportSprite->setPosition(position); 
sGlobal->gameLayer->addChild(teleportSprite, kzZzTeleport) 


Teleport::~Teleport (void) 


{ 
} 


. 
7 


在 GameMap 的 initobject 方 法 中 ， 志 历 object 层 的 所 有 对 象 时 ， 判 断 对 象 类 型 如 采 是 
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teleport， 则 新 创建 一 个 Teleport 对 和 象 ， 并 存放 到 teleportDict 中 。 
/ /如 果 类 型 是 传送 门 


if (type->m sString == "teleport")tft 
Teleport *teleport = new Teleport (dict, x, y); 


teleportDict->setObject (teleport, index);} 
} 


修改 Hero 类 的 checkCollision 方 法 ,添加 传送 扩 的 碰撞 检测 逻辑 : 


// 从 Teleport 字 上 典 中 查询 
Teleport *teleport = sGlobal->gameMap->teleportDict->objectForkKkey (index); 
if (teleport != NULL) 
{ 
doTeleport (teleport); 
return kTeleport; 


} 


在 doTeleport 方 法 中 ， 需 要 实现 切换 地 图 的 逻辑 。 我 们 也 许 会 犹 滞 不 决 ， 切换 游戏 地 图 的 
操作 到 底 是 切换 GameScene 呢 ， 还 是 切换 GameLayer? 事实 上 两 种 方式 都 是 可 以 的 ， 只 en 
效率 上 有 一 些 差 别 : 切换 GameLavyer 操 作 实 际 上 仅 更 新 了 GameMap 和 Hero 对 人 象 ， 
controlLayer 实 际 并 无 有 影响， 而 切换 GameScene 会 oe 
因此 切换 cameLayezr 的 效率 会 高 一 些 。 所 以 我 们 这 里 打算 使 用 切换 GameLayezr 的 方法 来 实现 切 
换 游 戏 地 图 的 操作 。 由 于 GameLayer 是 依附 于 GameScene 对 象 的 ， 我 们 需要 在 GameScene 中 添 
加 一 些 方法 ， 用 于 销毁 当前 的 GameLayetr 对 象 ， 再 重新 生成 目标 地 图 的 GamLayetr 对 象 。 这 里 新 
建 了 一 个 方法 ， 即 GameScene: :switchMap， 它 的 实现 代码 如 下 : 


/ /切换 游戏 地 图 


void GameScene: :switchMap() 


{ 


/ /创建 一 个 庶 电 层 ， 用 于 地 图 切换 时 的 显示 淡 入 淡出 效果 
CCLayerColor *fadeLayer = CCLayerColor: :layerWithColor(ccc4(0, 0, 0, 0)); 
fadeLayer->setAnchorpPoint (CCPointZero).; 
fadeLayer->setPosition (CCPointZero).; 
addChild(fadeLayer, kFadeLayer, kFadeLayer); 
/ /执行 痰 入 动画 ， 结 束 后 调用 resetGameLayer 方 法 
CCACtion *action = CCSequence: :actions!l 
CCFadeIn: :actionWithDuration(0.5f), 
CCCallFunc: :actionWithTarget (this, 
callfunc selector (GameScene: :resetGameLayer)), 
NULL).; 
fadeLayer->runAction(action),; 


} 


为 了 实现 地 图 切换 时 的 淡 入 淡出 效果 ， 新 创建 了 一 个 CCcLayerCcolor 层 ,颜色 为 黑色 ， 先 让 
其 执行 CCFadeIn 动 作 , 视 完 效果 就 是 当前 场景 未 渐 被 黑色 这 埋 直 至 完全 驯 半 ， 实 现 了 淡出 效 采 。 
ccCFEadqeIn 执 行 结束 后 ， 会 调用 resetGameLayetr 方 法 ， 执 行 真 正 的 切换 逻辑 。 
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11.2 添加 更 多 游戏 元 素 


/ /切换 游戏 地 图 之 前 
Vold GameScene: :switchMap() 
{ 
/ /创建 一 个 庶 电 层 ， 用 于 地 图 切换 时 的 显示 淡 入 淡出 效果 


CCLayerColor *fadeLayer = CCLayerColor: :layerWithColor(ccc4(0, 0, 0, 0)); 


fadeLayer->setAnchorPoint (CCPointZero).;} 
fadeLayer->setPosition (CCPointZero); 
addChild(fadeLayer, kFadeLayer, kFadeLayer);} 
/ /执行 痰 入 动画 ， 结 束 后 调用 resetGameLayer 方 法 
CCAction *action = CCSeduence: :actions ( 
CCFadeIn: :actionWithDuration(0.5Sf), 
CCCallFunc: :actionWithTarget (this, 
callfunc selector (GameScene: :resetGameLayer)), 
NULT ) ; 
fadeLayer->runAction(action),; 


} 


resetGameLayer 方 法 如 下 。 开 始 时 先 删 除 当前 的 gameLayer 对 象 ， 再 用 nogde 方 法 创建 新 的 
gameLayer， 最 后 让 氮 曾 层 执行 CCFadeout 操 作 ， 并 且 注 册 了 一 个 回调 函数 ， 用 于 移 除 谈 曾 层 


/ /切换 游戏 地 图 


Void GameScene: :resetGameLayer () 


{ 


/ /删除 老 的 GameLayer 
this->removeChildByTag (kGameLayer, true);} 
/ /创建 新 的 GameLayer 
GameLayer *gamelayer = GameLayer: :node(); 
this->addChild(gamelayer, kGameLayer, kGameLayer); 
// 遮 罩 层 执行 淡出 效果 ， 结 束 后 ， 调 用 *emoveFadeLayez 方 法 删除 遮 田 层 
CCAction *action = CCSeduence: :actions ( 
CCFadeOut::actionWithDuration(0.S5f), 
CCCallFunc: :actionWithTarget (this, 
callfunc selector (GameScene: :removeFadeLayer),),, 
NULL).; 
this->getChildByTag (kFadeLayer) ->runAction(action); 


} 
在 removeEromEadeLavyer 中 ， 仅 需要 删除 遮 置 层 即 可 : 


Void GameScene: :removeFadeLayer ( ) 


{ 


this->removeChildByTag (kFadeLayer, true);} 
} 


我 们 发 现 switchMap 方 法 并 没有 问 GameLayer 传 递 任 何 数 据 ， 那 么 怎么 通知 CameLayer 关 


于 新 地 图 的 信息 呢 ? 为 了 避免 来 回 传 参 的 复杂 性 ， 我 们 简单 地 在 Global 类 中 新 增 了 两 个 变量 ， 


用 以 标识 目标 地 图 的 层 数 以 及 勇士 的 起 始 位 置 。 
// 目 标 地 图 的 层 数 


int currentLevel; 


/ /勇士 出 现 的 起 始 位 置 
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CCPoint heroSpawnTileCoord; 
随后 修改 GameLayer 的 init 方 法 ， 让 其 根据 这 两 个 变量 来 动态 读 取 地 图 和 设置 勇士 位 置 。 


/ /解析 tmx 地 

char temp[20]; 

sprintf (temp, "%d.tmx", sGlobal->currentLevel); 
map = GameMap: :gameMapWithTMXrFile (temp).; 


// 调 用 Hero 类 的 静态 方法 创建 实例 
hero = Hero: :heroWithinLayer(); 
/ /设置 Hero 的 起 始 位 置 


hero->setPosition (map->positionForTileCoord(sGlobal->heroSpawnTileCoord) ) ; 

a 在 GameScene 的 开始 新 游戏 的 方法 playNewGame 中 
需要 对 上 面 两 个 变量 进行 赋值 : 

// 新 游戏 ， 当 前 地 图 层 数 为 


sGlobal->currentLevel = 0; 


/ /勇士 出 生 位 置 
sGlobal->heroSpawnTileCoord = ccp(1, 11); 


同样 ， 在 Hero 类 的 doTeleport 中 先 给 这 两 个 变量 赋值 ， 再 调用 GameScene 的 switchMap 
方法 束 可 以 轻松 实现 地 图 的 切换 了 : 


/ /传送 扩 逻 辑 
void Hero: :doTeleport (Teleport *teleport) 


( 


// 从 传送 点 的 属性 中 后 去 目标 地 图 的 层 数 


sGlobal->currentLevel = teleport->targetMap; 


/ /获取 勇士 在 新 地 图 中 的 起 始 位 置 


sGlobal->heroSpawnTileCoord = teleport->heroTileCoord; 


/ /开始 切换 游戏 地 


sGlobal->gameScene->switchMap(); 


} 

下 面 将 0.tmx 复 制 一 份 命名 为 1.tmx， 读 者 可 自由 发 挥 修 改 其 中 的 元 素 。 将 党 0 层 的 传送 点 的 
targetMap 设 置 为 1， 第 1 层 的 传送 点 targetMap 设 置 为 0， 就 可 以 控制 勇士 在 第 0 层 和 第 1 层 之 间 
来 回 切换 了 。 


11.2.4 ”小 结 


这 一 太 中 ， 我 们 疝 游戏 中 添加 了 丰富 的 元 素 : 怪物 、 物 品 、 门 、NPC 和 传送 点 。 下 面 来 回顾 
一 下 主要 知识 点 。 

(1) 如 何在 TileMap 中 绘制 块 层 

(2) 如 何在 代码 里 动态 更 新 图 块 JD， 实现 动画 效 末 。 

(3) 如 何 为 怪物 添加 受 打击 的 动画 。 

(4) 如 何在 TileMap 中 添加 对 象 层 。 
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(5) 如 何在 代码 中 解析 对 象 属性 。 
(6) 如 何 实现 切换 游戏 地 图 的 功能 。 


11.3 总结 


本 革 首 先 讨 论 了 代码 设计 方面 的 问题 ,提供 了 一 个 民 好 的 代码 结构 , 可 以 很 方便 地 扩展 功能 ， 
然后 又 为 游戏 增添 了 大 量 元 素 ， 提 高 了 游戏 的 可 玩 性 。 

本 章 以 及 前 一 章 的 游戏 设计 思想 和 代码 是 基于 MT 工作 室 的 《魔域 之 城 》 游 戏 的 ， 在 此 感谢 
MT 工作 室 的 慷慨 奉献 。 当 然 ， 一 个 完整 的 魔 塔 游戏 的 内 容 远 远大 于 这 两 草 介 绍 的 ， 因 此 还 需要 
读者 进一步 研究 、 学 习 。 

在 最 后 一 半 里 ， 我 们 会 分 析 一 下 管 能 手机 系统 、 手 机 游戏 和 cocos2d-x 引 | 擎 的 未 来 发 展 趋 势 ， 
作为 本 书 的 结束 。 
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至 此 ,我 们 的 cocos2d-x 之 旅 也 要 告 一 段落 了 。 通 过 阅读 本 书 ,， 学 习 书 中 的 例子 ， 相 信 你 已 经 
对 coocs2d-x 这 个 能 够 跨 i0OS、Android 和 沃 Phone 平 台 的 游戏 引擎 有 了 全 面 的 了 解 。 基 于 本 书 的 案 
例 ， 相 信 你 一 定 能 够 开发 出 一 个 完美 的 游戏 。 但 是 除了 书 中 介绍 的 知识 外 ， 你 还 需要 更 多 地 了 解 
智能 手机 系统 未 来 的 发 展 , 你 还 需要 分 析 手 机 游戏 未 来 的 发 展 方向 , 当然 你 也 需要 知道 coocs2d-x 
这 个 神奇 的 引擎 未 来 会 有 哪些 发 展 。 


12.1 智能 手机 系统 的 发 展 超 势 


手机 系统 的 发 展 一 直 都 牵动 着 手机 行业 。 刚 开始 ， 只 有 大 的 手机 广 商 《如 诺基亚 和 索爱 等 ) 
才 有 目 己 的 一 套 系统 ， 后 来 ，MIK 解 决 方案 出 来 之 后 ， 国 内 很 多 三 商都 进入 了 手机 行业 ， 这 样 
就 有 了 更 多 的 手机 可 供 我 们 选择 。 

刚 开 始 , 我 们 用 手机 内 支持 的 应 用 《如 短信 、 立 钟 和 电话 等 ) 以 及 游戏 (如 《 仙 吃 蛇 》 和 《 吃 
豆子 》 等 )。 而 现在 ， 智 能 手机 已 经 比较 普 志 ， 智 能 手机 除了 有 具备 通话 功能 外 ， 还 具备 了 PDA 的 
大 部 分 功能 ， 特 别 / 个 人 信息 管理 以 及 基于 无 线 数据 通信 的 说 览 合 、GPS 和 电子 邮件 功能 。 智 能 
手机 为 用 户 提供 了 足够 的 屏幕 凡 寸 和 珊 宽 ， 既 方便 随身 携 珊 ， 又 为 软件 运行 和 内 容 服务 提供 了 广 
阔 的 舞台 ， 很 多 增值 业务 可 以 就 此 展开 ， 如 上 股票、 新 闻 、 天 气 、 交 通 、 商 品 、 应 用 程序 下 载 和 音 
乐 图 片 下 载 等 。 通 过 安装 新 的 应 用 ， 我 们 可 以 让 手机 拥有 更 多 的 功能 ， 如 移动 办 公 、 手 机 邮箱 、 
手机 新 闻 和 移动 炒股 等 ,通过 安装 新 的 游戏 ， 我们 可 以 让 手机 拥有 更 强 的 娱乐 性 ， 如 《 尾 怒 的 小 
鸟 Xx 《植物 大 战 僵尸 》、 各 类 农场 和 魔 挫 游戏 等 。 

那么 ， 让 我 们 来 看 看 目前 儿 大 智能 手机 系统 的 发 展 趋 势 。 


12.1.1 ioOS 的 发 展 趋势 


iOS 是 苹果 的 iPhone 手机 和 iPad 平 板 电脑 使 用 的 智能 手机 系统 。 

每 一 版 iPhone 和 ipad 的 热卖 ， 都 会 给 iOS 系 统 带 来 一 波 新 的 浪潮 。 但 也 正 因为 如 此 ， 如 果 未 来 
iPhone 或 iPad 不 再 受到 追捧 ， 那 么 iOS 系 统 的 市 场 占 有 率 应 该 会 随 之 下 降 。 不 过 从 目前 来 看 ，iOS 
的 未 来 还 是 值得 期 待 的 , 在 作者 编写 本 书 之 际 iPhone 5 的 消息 已 经 此 起 彼 伏 , 看 起 来 会 继续 大 卖 。 
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”12.1 智能 手机 系统 的 发 展 趋势 


iOS 目 前 只 被 耻 hone 手 机 和 iPad 平 板 电脑 使 用 ， 很 容易 形成 一 宋 俱 宋 一 损 俱 损 的 状态 。 

但 钙 1iOS 征 几 个 智能 手机 系统 中 App Store 做 得 最 好 的 ， 这 就 给 iOS 市 来 了 软件 的 文 撑 ， 目 前 
平 末 的 App Store 上 的 应 用 和 游戏 不 计 其 数 , 而 且 由 于 App Store 在 整个 产业 链 上 做 得 比较 好 , 能 够 
给 开发 者 市 来 收益 , 今后 应 该 会 有 越 来 越 多 的 应 用 和 游戏 进入 其 中 , 这 也 意味 着 在 App Store 上 的 
苋 争 会 越 来 越 油 烈 。 


12.1.2 Android 的 发 展 趋 热 


Android 是 谷歌 发 布 的 一 款 开源 的 智能 手机 系统 。Android 系 统 最 近 是 风光 无 限 ，HTC 在 这 几 
年 内 连续 发 布 了 多 款 基 于 Android 系 统 的 手机 ， 例 如 HTC 的 G1、G2、G3、G4、G7 等 ， 摩 托 罗拉 
也 发 布 了 基于 Android 系 统 的 里 程 碑 系列 手机 ， 其 他 很 多 手机 巨头 都 是 它 的 拥护 者 。 

很 多 厂商 基于 Android 定 制 属 于 自己 的 系统 ， 中 国 移动 的 OPhone 和 中 国联 想 的 LEOS 就 是 
Android 的 定制 版 本 。 

Android 系 统 的 确 给 它 的 拥护 者 们 带 来 了 丰厚 的 回报 ， 其 中 最 为 突出 的 就 是 摩托 罗拉 ， 在 
Android 出 来 之 前， 摩托 有 罗拉 正在 和 逐 痢 跌 入 谷 确 。 摩 托 罗 拉 凭 借 着 多 秩 基 于 Android 系 统 的 里 程 碑 
系列 手机 强势 反弹 ， 已 经 一 举 走 出 困境 ， 重 新 回 到 顶级 手机 厂商 的 苑 争 之 列 。 

目前 来 看 ，Android 可 以 说 是 : 系统 优异 、 机 型 众多 、 广 受 关注 、 厂 商 支持 、 免 费 开 源 、 软 
件数 量 与 日 俱 增 ， 该 系统 未 来 的 发 展 前 景 不 可 估量 。 

但 是 由 于 Android 是 开源 的 ,基于 Android 的 商城 日 葵 增多 ,包括 谷歌 的 Android Market、 亚 马 
还 的 Android 商 城 和 摩托 罗拉 的 知 件 园 等 ， 这些 商城 的 发 展 步伐 不 一 ， 而 且 容 易 分 散 用 户 的 精力 ， 
使 得 任何 一 个 单独 的 Android 商 城 都 还 达 不 到 辫 东 公司 的 App Store 的 地 位 ， 所 以 很 多 开发 者 对 
Android 的 人 盘 利 能 力 抱 有 怀疑 态度 。 

综 上 所 述 ，Android 系 统 是 一 个 发 展 前 景 无 限 美好 的 系统 ， 可 只 有 Android 的 产业 链 也 开始 配套 
的 时 候 , 才能 有 更 多 开发 者 进入 这 个 系统 , 才能 有 更 多 应 用 和 软件 进入 这 个 系统 , 进入 这 个 产业 链 。 


12.1.3 ” 沃 Phone 的 发 展 趋势 


进入 3G 时 代 ， 谷 歌 、 侠 果 和 微软 等 国际 巨头 纷纷 推出 智能 手机 系统 ， 借 助手 机 系统 向 移动 
互联 网 转型 。 谷 歌 发 布 了 Android， 平 末 发 布 了 IOS， 微 软 发 布 了 Windows Phone 7。 

整个 手机 市 场 形 成 了 一 波 新 的 Phone 当 铀 : 平 采 的 iPhone， 中 国 移动 基于 Android 平 台 定 制 的 
OPhone, 中 国联 想 基 于 Android 平 台 定 制 的 乐 Phone, 中 国联 通 基 于 Linux 平 台 上 日 主 研发 的 沃 Phone。 

在 IT 发 展 的 过 程 中 ， 操 作 系 统一 直 担 当 着 非常 重要 的 角色 。Windows 的 成 功 成 就 了 微软 ， 而 
i1OS 的 成 功 造 就 了 侠 果 。 操 作 系 统 是 IT 的 基础 ， 手 机 系统 就 是 移动 互联 网 的 基础 。 有 了 基础 才 有 
可 能 把 分 散 的 力量 组 织 起 来 。 

沃 Phone 是 由 中 国联 通 主 导 自 主 开 发 的 , 它 是 一 个 以 Linux 内 核 为 基础 的 手机 系统 , 具有 自主 、 
开放 的 特性 ， 而 且 中 国联 通 已 经 和 众多 国内 外 手机 厂商 合作 推出 了 一 批 基于 沃 Phone 的 机 器 。 
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此 沃 Phone 今 后 的 发 展 很 大 程度 取决 于 中 国联 通 的 态度 。 不 过 沃 Phone 毕 况 是 国内 第 一 个 日 主人 研发 
的 智能 手机 系统 ， 中 国联 通 应 该 会 扩大 推广 力度 。 但 是 要 成 为 另 一 个 i0S， 还 需要 很 多 人 的 努力 。 


12.2 手机 游戏 的 发 展 趋势 


电脑 游戏 从 单机 游戏 发 展 到 网 络 游戏 ， 网 络 游戏 从 按时 间 收 费 转变 到 按 道具 收费 , 甚至 还 出 
现 了 专门 收取 手续 费 的 游戏 。 由 于 网 络 环境 越 来 越 好 ， 电 脑 性 能 越 来 越 吕 ,开发 电脑 游戏 和 逐 产 形 
成 了 一 个 庞大 的 工程 ,一 般 大 型 的 电脑 游戏 估计 要 几 百 人 同时 开发 几 年 ,才能 做 出 一 个 网 络 游 戏 。 
这 样 庞大 的 工程 体系 还 不 适合 手机 。 电 脑 上 男 一 大 分 支 的 游戏 就 是 网 页 游戏 和 社交 游戏 , 这 类 洲 
戏 主 要 是 通过 网 页 进行 操作 ， 不 需要 用 户 长 时 间 地 操作 电脑 ， 而 且 可 以 直接 连接 社交 了 网络， 建立 
社交 关系 ， 是 目前 一 个 新 的 趋势 。 

目前 ， 手 机 上 已 经 出 现 了 的 一 些 MMORPG (Massive Multiplayer Online Role Playing Game， 
大 型 多 人 在 线 角色 扮演 类 游戏 ) 网 络 游戏 ， 其 特点 是 随 着 玩家 的 游戏 时 间 变 长 ， 其 操作 的 虚拟 角 
色 会 有 “成 长 "， 游 戏 乐趣 来 源 是 “虚拟 成 长 ” 带 来 的 成 就 ， 角 色 成 长 后 更 强大 ， 可 以 获得 更 强 的 
闭 备 、 挑 战 更 强 的 人 怪物、 打败 其 他 玩家 。 这 种 游戏 妃 求 茜 性 , 希望 玩家 玩 这 个 游戏 的 时 间 越 长 越 
好 。 另 一 方面 ， 由 于 游戏 时 间 长 或 者 网 络 限 制 ， 所 以 游戏 节 委 比较 慢 ， 比 如 慢 慢 走 地 图 迷 言 和 
NPC (游戏 内 角色 ) 对 话 时 一 页 一 页 地 翻 看 文字 内 容 ， 同 时 游戏 系统 庞大 复杂 ， 可 以 让 玩家 游戏 
时 间 更 和信， 延长 产品 的 生命 周期 。 

而 笔者 个 人 认为 ， 手 机 游戏 发 展 的 主流 方 巾 一 定 不 古 像 MMORPG 那 样 需要 占用 长 时 间 的 网 
游 。 从 苹果 的 App Store 和 谷歌 的 Android Market 上 的 现 有 的 游戏 可 以 看 出 ， 绝 大 多 数 的 游戏 还 是 单 
机 小 游戏 ， 这 些 游 戏 都 具有 以 下 几 个 特点 : 时 间 短 、 市 徐 快 、 徘 操作 过 关 而 不 是 徘 角 色 成 长 过 关 。 

基于 上 述 种 种 原因 ， 笔 者 的 个 人 预测 是 : 手机 孵 戏 今后 的 主流 会 是“ 弱 联 网 化 、 弱 社区 化 
的 单机 游戏 和 “真实 时 间 收 益 ” 的 网 络 游戏 。 笔 者 认为 现在 的 一 些 公 司 在 手机 上 按照 电脑 上 网 络 
游戏 的 传统 观念 将 手机 网 游 做 成 “虚拟 时 间 收 益 ” 的 网 络 游戏 ， 这 一 点 是 错误 的 。 关 于 “ 弱 联 网 
化 、 弱 社区 化 "、“ 真 实时 间 收 益 "、“ 虚 拟 时 间 收 益 ” 这 儿 个 概念 请 看 下 文 的 分 析 。 

在 手机 游戏 方面 ， 同 样 存在 着 单机 游戏 和 网 络 游 戏 ， 下 面 分 别 看 一 下 这 两 大 类 游戏 。 


12.2.1 手机 单机 游戏 


单机 游戏 在 国内 存在 一 个 比较 大 的 问题 , 就 是 版 权 很 难得 到 保证 。 做 电脑 单机 游戏 的 公司 不 
征 改 行 做 网 络 游戏 束 是 已 经 关门 了 。 在 手机 平台 上 版 权 问题 稍 徽 有 点 好 转 ， 因 为 乎 末 的 App Store 
和 谷歌 的 Android Market 等 商城 在 一 定 程度 上 会 你 护 有 版权。 正 因 为 如 此 ， 现 在 已 经 存在 一 些 只 做 
单机 游戏 而 过 得 很 不 错 的 厂商 了 ， 典 型 的 就 是 智 乐 软件 《GameLoft) 。 

大 家 仔细 观察 平 末 的 App Store 和 谷歌 的 Android Market 等 商城 里 卖 的 游戏 ， 大 多 数 还 是 单机 
游戏 ， 让 用 户 花 一 两 美元 买 来 玩 ， 玩 一 两 周 后 扔 掉 ， 手 机 游戏 正在 成 为 一 种 “快速 消费 品 ”。 玩 
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家 在 游戏 中 获取 的 主要 乐趣 是 操作 的 乐趣 或 者 来 自 于 董 心 的 乐趣 , 而 不 在 于 传统 网 络 游戏 中 “成 
就 型 、 探 索 型 、 社 交 型 、 杀 手 型 ”的 乐趣 。 这 类 单机 游戏 的 节 秦 一 般 比 较 快 、 游 戏 系 统 简 单 、 玩 
家 比较 容 多 上手， 比 网 络 游戏 更 适合 在 手机 上 进行 得 时 间 的 娱乐 。 

不 过 单机 游戏 除了 版 权 之 外 还 存在 一 个 比较 大 的 问题 ， 那 就 是 游戏 的 生命 周期 大 得 ,用户 和 
性 差 ， 游 戏 开 发 者 很 难 获得 长 期 的 稳定 收入 。 因 此 这 些 单机 游戏 需要 通过 一 些 简单 的 社交 功能 3 
吸引 用 户 ， 黏 住 用 户 。 这 些 简 单 的 功能 大 致 包括 提供 积分 排行 榜 以 及 提供 等 级 等 ， 这 个 都 古 弱 社 
区 化 、 弱 联网 化 的 功能 。 

正 因 如 此 ， 笔 者 认为 手机 游戏 在 单机 方面 的 发 展 趋势 ， 应 该 就 古 这 类 的 “ 弱 联 网 化 、 弱 社区 
化 ”的 单机 游戏 。 这 种 趋势 在 平 末 的 App Store 和 谷歌 的 Android Market 等 商城 上 已 经 非 第 明显 。 


12.2.2 手机 网 络 游戏 


关于 网 络 游戏 ， 我们 先 殷 开 手 机 网 络 游戏 , 来 看 看 网 页 游戏 市 场 ， 尤其 是 社交 游戏 。 网 页 游 
戏 和 传统 网 络 游 戏 罗 一 个 很 大 区 别 就 古玩 法 不 同 。 

传统 网 络 游戏 主要 十 乱 “ 虚 拟 世 界 时 间 ” 来 实现 角色 成 长 ， 角 色 要 想 积累 虚拟 货币 、 经 验 值 
和 等 级 ， 就 需要 长 时 间 地 泡 在 游戏 中 ， 一 般 来 说 玩家 在 虚拟 世界 里 待 得 时 间 越 长 ， 等 级 就 越 高 。 
玩家 一 旦 关 挥 游戏 ， 则 虚拟 货币 、 经 验 值 和 等 级 的 成 长 就 会 暂停 ;而 网 足 游戏 主要 则 是 靠 “ 真 实 
世界 时 间 ” 来 实现 成 长 的 , 在 “真实 世界 时 间 ” 下 即使 玩家 把 游戏 关 掉 ， 虚 拟 游 戏 世界 里 仍然 会 
按照 真实 时 间 来 增加 虚拟 货币 、 经 验 值 和 等 级 ,在 虚拟 货币 、 经 验 值 和 等 级 积 系 到 一 个 上 限 后 需 
要 玩家 进行 操作 。 

因此 传统 网 络 游 戏 需 要 玩家 在 游戏 过 程 中 专心 地 操作 游戏 角色 , 在 游戏 过 程 中 比较 难 分 心 去 
做 其 他 事 ， 更 不 能 边 游戏 边 工作 ,需要 每 天 集中 玩 几 小 时 。 而 网 页 游戏 ， 不论 是 农场 、 餐 厅 还 是 
三 国 ， 典 型 玩法 都 是 把 这 几 小 时 的 时 间 平 均 到 全 天 中 , 每 隔 半 小 时 或 一 小 时 需要 关注 一 下 虚拟 游 
戏 世 界 、 操 作 一 下 ， 不 过 每 次 操作 的 时 间 都 可 以 很 得 ， 几 分 钟 甚至 几 十 秒 就 可 以 了 。 当 按照 “ 虚 
拟 时 间 收 益 网 游 ” 和 “真实 时 间 收 益 网 游 ” 来 区 分 后 ， 我 们 更 能 看 清楚 网 络 游 戏 了 。 

在 网 页 游戏 里 ， 我 们 经 和 常 能 够 看 到 类 似 下 面 这 样 的 提示 : 

(1) 你 的 种 子 30 分 钟 后 成 熟 ， 成 熟 10 分 钟 后 存在 被 丛 的 风险 ， 建 议 提前 准备 收割 ， 

(2) 敌 方 部 队 在 10 分 钟 后 到 达 ， 

(3) 20 名 蚂 兵 在 80 分 钟 后 生产 完毕 ; 

(4) 玩家 A 因为 刚才 偷 菜 被 发 现 ， 因 此 被 城市 警察 抓 住 ，30 分 钟 后 释放 。 

即使 加 入 付费 道具 也 很 简单 ， 对 于 “虚拟 时 间 收 益 网 游 ” 就 是 使 玩家 在 花费 同样 单位 的 虚拟 
世界 时 间 ， 能 得 到 更 高 的 收益 ;而 对 于 “真实 时 间 收 益 网 游 ” 束 是 使 玩家 在 化 费 同 样 单位 的 真实 
世界 时 间 ， 能 得 到 更 高 的 收益 。 

现在 我 们 回 到 手机 网 络 游戏 的 话题 上 ， 如 采 玩 家 在 手机 上 玩 “ 虚 拟 时 间 收 益 网 游 ， 不 论 在 
iOS、Android 还 是 在 沃 Phone 上 , 都 会 出 现 以 下 问题 : 
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第 12 章 未 来 展望 


(GD 长 时 间 操 作 游 戏 会 耗 电 ， 

(2) 由 于 需要 专心 操作 角色 ， 因 此 对 游戏 画 质 、 音 质 都 有 更 高 的 要 求 ， 

(3) 玩家 沟通 不 便 ， 打 字 聊 天 沟通 困难 ， 输 入 文字 不 便 (尤其 是 中 文 )，; 

(4) 长 时 间 操 作 游 戏 ， 容 多 5 起 身体 不 适 。 

如 本 想 化 费 大 段 时 间 玩 虚拟 时 间 收 益 游 戏 , 那么 一 定 会 选择 电脑 上 的 网 络 游 戏 , 而 不 会 扣 着 
手 绾 、 答 拉 着 脑袋 、 冒 着 人 须 椎 受 损 的 危险 在 手机 上 玩 。 

正 因 如 些 ， 笔 者 认为 手机 上 的 网 络 游戏 ,最 后 会 呈现 出 以 “真实 时 间 收 益 网 游 ” 为 主流 的 趋 
势 。 就 类 似 于 发 短信 打 电 话 一 样 ， 操 作 频 度 很 高 ， 但 每 次 操作 时 长 邦 很 短 。 这 样 就 不 会 存在 上 述 
提 到 的 几 个 同 题 。 当 然 “ 真 实时 间 收 益 网 游 不 等 于 “社交 游戏 ， 真实 时 间 收 益 网 游 同样 可 
以 是 策略 类 游戏 、 养 成 类 游戏 或 者 RPG 类 游戏 。 只 要 设计 成 随 着 真实 时 间 流 翰 能 有 虚拟 的 成 长 ， 
邦 可 以 落 在 这 个 沙 围 内 。 

总 结 可 以 得 出 : 手机 游戏 今后 的 主流 会 是 “ 弱 联 网 化 、 弱 社区 化 ”的 单机 游戏 和 “真实 时 
旧 收 益 ” 的 网 络 游 戏 。 其 实 这 两 类 游戏 的 本 质 都 是 如 何 让 玩家 用 碎片 时 间 玩 游戏 并 且 获 得 成 长 和 
乐趣 。 

从 电脑 游戏 的 发 展 史 可 以 看 出 : 谁 先 发 据 出 玩家 的 问题 ,并 且 有 创意 地 解决 了， 谁 就 能 赚 到 
第 一 桶 金 。 例 如 ， 满 地 图 任务 、 姿 备 绑 定 、 副 本 、 跨 服 战 场 、 等 级 上 限 、 无 尽 钱 备 、 效 备 础 至 石 、 
概率 性 升级 、 公 会 战 、 攻 城 战 、 跑 环 任务 ， 这 些 概 念 的 创造 者 基本 都 赚 到 了 。 


12.3 cocos2d-Xx 引擎 的 发 展 趋势 


通过 与 cocos2d-iphone 引 | 获 、cocos2d-x 的 作者 以 及 其 他 专家 的 交流 和 分 析 , 笔者 认为 cocos2d-x 
引擎 的 发 展 主 要 有 以 下 几 种 可 能 性 。 

第 一 种 可 能 是 ， 紧 跟 cocos2d-iphone5| 警 的 功能 ， 继 续 完 善 跨 平 台 性 。 目 前 cocos2d-x5| 警 已 
经 能 够 支持 平 果 1OS、 合 歌 Android、 微 软 Windows XP、 微 软 Windows 7、 联 通 添 Phone、 联 想 乐 
Phone、Meego、Marmalade ( 原 AirPlay SDK)， 将 来 继续 追加 更 多 的 手机 平台 ， 比 如 升级 年 久 失 
修 的 Bada 版 本 移植 ， 或 者 增加 WebOS、BlackBerry 版 本 等 。 当 然 这 其 中 大 家 最 期 待 的 就 是 能 人 奋 移 
植 到 微软 Windows Phone 7 上 了。 如 果 能 跨 1OS、Android 和 Windows Phone 7 三 个 主流 平台 ， 那 么 
就 谁 都 无 法 阻挡 cocos2d-x 引 擎 的 飞速 发 展 了 。 

第 二 种 可 能 是 ， 在 C++ 语言 的 基础 上 ， 增 加 多 种 编程 语言 的 绑 定 。 现 在 我 们 可 以 看 到 官方 已 
经 推出 了 Lua 语 言 的 绑 定 ， 未 来 不 排除 加 上 Java、JavaScript、C# 和 Python 等 编程 语言 的 可 能 性 。 
这 种 理论 在 技术 上 是 完全 可 行 的 ，Unity3D 就 是 这 样 的 技术 方案 ， 目 前 还 不 确认 cocos2d-x5| 擎 是 
合 会 走 这 条 路 。 

第 三 种 可 能 是 ， 移 植 cocos3d 引 警 , 成 为 一 个 集 2D 和 3D 功 能 于 一 映 的 大 引擎 。 如 采 是 这 样 ， 
那么 打算 用 cocos2d-x5| 擎 做 2.5D 游 戏 的 开发 者 束 有 福 了 。 
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\ 12.3 cocos2d-x 引 警 的 发 展 趋势 \ 


第 四 种 可 能 是 ， 推 出 动作 编辑 融 ， 目 前 cocos2d-iphone5| 擎 社区 里 已 有 两 个 开源 的 编辑 如 在 
快速 发 展 ， 这 两 个 开源 的 编辑 喜 分 别 是 CocosBuilder 和 CocoShop。Ricardo Quesada 多 次 在 论坛 里 
有 蝇 调 新 开发 的 编辑 强 输 出 格式 为 plist 格 式 , 这 是 一 种 在 cocos2d-iphone5| 敬 和 cocos2d-x5| 敬 上 都 能 
兼容 的 格式 。 

第 五 种 可 能 是 ， 往 Web 方 同 发 展 ，HTML5 是 未 来 的 趋势 ，Unity3D 也 推出 了 麟 览 姓 插件 以 支 
持 Web 游 戏 的 开发 ， 同 时 我 们 也 看 到 了 cocos2d-javascript 分 支 的 发 展 。 未 来 cocos2d-x 引 | 葡 是 否 有 
可 能 演变 WebGL 的 技术 路 线 呢 ? cocos2d-iphone 论 坛 里 就 cocos2d 2.0 路 线 中 脚本 选择 Lua 还 是 
JavaScript 争 论 不 休 ，Ricardo Quesada 表 示 他 个 人 比较 倾 癌 于 选择 JavaScript 回 Web 方 回 发 展 ， 
Walzer 也 提 到 了 用 Google V85| 苟 绑 JavaScript 的 可 能 性 。 

针对 上 面 的 每 一 种 可 能 性 ， 大 家 都 能 说 出 很 多 种 理由 来 支持， 也 能 说 出 很 多 种 理由 来 反对 。 
Ricardo Quesada 和 Walzer 都 没有 对 未 来 路 线 明确 表态 ，Walzer 表 示 cocos2d-x5| 敬 会 和 游戏 开发 者 
一 同 成 长 ， 发 展 为 一 个 受 开 发 者 欢迎 、 切 实 解决 开发 困难 、 减 少 游 戏 开 发 工作 量 的 开源 5| 擎 。 
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手机 游戏 天 发 


跨 iOS、Android 和 沃 Phone 平 台 


纵 观 移动 互联 网 时 代 各 大 移动 平台 的 发 展 ， 游 戏 无 疑 是 大 众 娱乐 的 首选 。 由 于 各 个 平台 的 差 
异性 ， 游 戏 开 发 的 难度 和 成 本 逐渐 增加 ，“ 跨 平台 ”一 词 也 成 为 了 移动 游戏 开发 者 最 关注 的 焦点 ， 
还 等 什么 呢 ? 如 果 你 想 一 次 编码 ， 多 平台 运行 ，cocos2d-x 正 是 你 需要 的 ， 而 本 书 则 由 浅 入 深 地 介 
绍 了 cocos2d-x 游 戏 开 发 的 全 过 程 ， 理 论 与 实践 相 结 合 ， 是 移动 游戏 开发 者 不 可 多 得 的 佳作 。 强 烈 
推荐 ! 

一 一 杨 丰盛 ( yarin ) ，More-Top 团 队 创 始 人 ， 畅 销 IT 图 书 作家 


在 移动 客户 端 发 展 愈演愈烈 的 今天 ， 移 动 开 发 技术 已 经 成 为 了 主流 之 一 。 我 们 看 到 很 多 移动 
开发 团队 取得 了 成 功 ， 而 成 功 并 不 是 一 践 而 就 的 ， 我 们 需要 的 是 若干 年 的 积累 ， 最 后 形成 质 的 飞 
跃 。《cocos2d-x 手 机 游戏 开发 》 这 本 书 ， 也 许 就 是 您 走 回 明天 成 功 的 开始 ，cocos2d-x， 可 能 就 是 
您 走向 成 功 的 基石 。 

一 一 赵磊 ，51CTO 副 总 编 


喜欢 游戏 ， 不 是 因为 某 平台 的 各 种 一 夜 暴 富 的 传说 ， 而 是 儿 时 心中 的 梦想 。 轻 僵 、 纯 洁 、 开 
放 、 坦 诚 地 面 对 每 一 个 朋友 ，cocos2d-x 无 疑 是 最 合适 的 。 感 谢 本 书 的 作者 给 我 们 揭 开 cocos2d-x 
神秘 的 面纱 ， 带 我 们 走 进 这 个 世界 。 在 移动 互联 网 和 移动 应 用 火热 的 今天 ， 我 们 需要 这 样 一 个 向 导 ， 
为 我 们 打开 通 往 这 个 世界 的 传送 门 ， 去 这 个 全 新 的 领域 追寻 、 探 索 。 不 要 错过 这 个 机 会 ， 不 要 让 自 
己 的 梦想 冷却 ， 深 埋 心 底 。 


一 一 王 明 杨 ， 永 杨 安 风 ( LBE 安 全 大 师 ) CEO 


目前 ， 在 苹果 App Store 和 谷歌 Android Market 的 排行 榜 内 ， 收 入 较 高 的 绝 大 部 分 都 是 游戏 。 市 

场 和 用 户 选 择 了 游戏 ， 所 以 我 们 也 选择 了 游戏 。 本 书 详尽 、 全 面 、 深 入 地 介绍 了 如 何 使 用 游戏 引擎 开 

发 优质 游戏 以 及 如 何 快速 集成 游戏 社交 平台 、 手 机 广告 平台 、 虚 拟 物 品 及 流量 互 换 的 推广 墙 服务 ， 从 

而 快速 开发 、 快 速 扩大 用 户 规模 和 获取 积极 的 游戏 收入 。 本 书 的 出 版 恰 着 其 时 ， 是 手机 游戏 开发 者 
必 备 的 佳作 ， 强 烈 推 荐 ! 

一 一 刘琦 ，Wiyun Inc. ( 微 云 ) COO 


在 此 期 间 积累 了 有 关 大 型 软件 架构 设计 的 丰富 经 验 。2010 年 5 月 成 立 MT 工 作 室 ， 设 计 并 开发 用 于 Android 平 
台 的 游戏 引擎 (MT 引擎 ) ， 并 基于 此 引擎 开发 出 多 款 市 场 反馈 较 好 的 游戏 。 一 直 专 注 于 研究 跨 平台 的 游戏 
引擎 ， 尤 其 是 跨 平台 引擎 的 架构 及 设计 原理 。 


:和 黄 ， 猛 专注 于 移动 平台 游戏 开发 ， 对 Android 以 及 IOS 系 统 的 编程 有 深入 研究 。 自 Android 发 布 以 后 ， 一 直 
和 用 关注 移动 平台 的 发 展 ， 从 2008 年 底 开始 从 事 Android 底 层 应 用 以 及 2D 游 戏 的 研发 ， 有 丰富 的 实战 经 验 ， 是 
We 《 魔 塔 之 拯救 公主 》、《 超 级 DJ》 和 《魔域 之 城 》 等 经 典 游 戏 的 主力 开发 者 。 


@ 徐 松林 ”智能 手机 平台 的 先驱 者 ， 曾 就 职 于 国内 知名 的 企业 级 平台 软件 公司 ， 主 攻 复 杂 系 统 的 架构 设计 ， 
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